Skip to main content

MeterBarChart

The MeterBarChart provides a lightweight and simple visualization progress toward a completion, consumption of a total, etc. It consists of a horizontal bar that gradually fills up with color or shading as it approaches the max value.

MeterBarChartProps

extends,
NameTypeDefaultDescription
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?
'Categorical.Color11'

Color of the meter bar segment. If not provided, it will display a default color.

size?
'size16'

The size that applies to the value, icon, and label.

name?
'value'

Segment name. If not provided, it will display a default name.

formatter?
| <, >
-

Custom Formatter for the chart

MeterBarChartThresholdProps

NameTypeDefaultDescription
name?
'Threshold'

Name of the threshold displayed in the threshold legend.

color
-

The color of the threshold.

value
-

The value of the threshold.

showIndicator?
false

When set to true, it shows the indicator of the threshold.

Still have questions?
Find answers in the Dynatrace Community