GaugeChart
A Gauge Chart is a circular chart that displays information on a numeric scale. It's great for showing performance metrics or progress towards a goal.
GaugeChartProps
extends
, , | Name | Type | Default | Description |
|---|---|---|---|
value | - | Value of the meter bar segment | |
min? | 0 | Min value for the meter bar chart scale. | |
max? | 100 | Max value for the meter bar chart scale. | |
color? | 'Colors.Charts.Categorical.Color11.Default' | Color of the meter bar segment. If not provided, it will display a default color. | |
formatter? | | <, > | - | Custom Formatter for the chart |
width? | | | 100% | Chart width. A number in pixels is expected. Otherwise, it will take the full width of the container |
height? | | | 300px | Chart height. When a number is specified, it's treated in pixels, otherwise a valid height string is expected. |
GaugeChartThresholdProps
| Name | Type | Default | Description |
|---|---|---|---|
value | - | The value of the threshold. | |
showIndicator? | false | When set to true, it shows the indicator of the threshold. | |
color? | 'Categorical.Color11' | The color of the threshold. |
Still have questions?
Find answers in the Dynatrace Community