MultiMeterBarChart

The MultiMeterBarChart is a more complex version of the single meter bar, it allows for different data inputs to be considered when presenting progress toward a goal, consumption of a total, etc.

OverviewProperties

MultiMeterBarChartProps

extends, , ,

Name	Type	Default	Description
width?	|	100%	The chart width. A valid CSS width is expected.
height?	|	300px	The chart height. A valid CSS height is expected.
min?		0	Min value for the multi meter bar chart scale.
max?	|	'auto'	Max value for the multi meter bar chart scale.
colorPalette?	|	"categorical"	Color palette to be used for the segments
loading?		false	Show the loading indicator when truthy.
size?			The size that applies to the value, icon, and label.
unit?	|		The custom unit for the value of the multi meter bar.
formatter?	| <, >		Custom Formatter for the chart
prefixIcon?			Icon to show left of the label.
seriesActions?	(seriesData: ) =>		Exposed callback to display series actions

MultiMeterBarSegmentProps

Signature:

export declare type MultiMeterBarSegmentProps = | ;

MultiMeterBarChartTooltipProps

Name	Type	Default	Description
hidden?		false	Hides the tooltip when true.
variant?		"single"	Variant to be used for the multi meter bar chart tooltip
children?	(payload: ) =>		Custom render function. When provided, replaces the default tooltip content.