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.
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 |
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 |
|---|---|---|---|
variant? | "single" | Variant to be used for the multi meter bar chart tooltip |