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.

OverviewProperties

MeterBarChartProps

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?		'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
prefixIcon?			Icon to show left of the label.
seriesActions?	(seriesData: ) =>		Exposed callback to display series actions
colorRules?	[]		Color rules to apply to the meter bar chart

MeterBarChartThresholdProps

Deprecated

Use MeterBarChartThresholdIndicatorProps instead.

Name	Type	Default	Description
name?			Name of the threshold displayed in the threshold legend.
color?		'Categorical.Color11'	The color of the threshold.
value			The value of the threshold.
showIndicator?		false	When set to true, it shows the indicator of the threshold.