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
, ,
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 |
MeterBarChartThresholdProps
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. |