PieChart
The PieChart
visualizes data proportions in a circular chart. It divides a
circle into slices, with each slice representing a specific category or value.
PieChartProps
, ,
Name | Type | Default | Description |
---|---|---|---|
data |
| Categorical data of the chart. | |
width? |
| Chart width. A number in pixels is expected. Otherwise, it will take the full width of the container. | |
height? | | | 300px. | The height of the chart. If a number is passed, it will be treated as px. |
colorPalette? | | | 'categorical'. | Set of Color palette to be used in charts. |
formatter? | | <, > |
| Custom Formatter for the chart |
truncationMode? | 'middle' | Truncation mode to use (start, middle, end) Applied to all the parts that truncate text. | |
seriesActions? | (slice: ) => |
| Exposed callback to display series actions for a slice |
loading? | false | Show the loading indicator when truly. |
LabelsConfig
Name | Type | Default | Description |
---|---|---|---|
hidden? | false (all the labels are displayed). | Hides the slice labels. | |
valueType? | 'relative' | Display the label with a relative or absolute value. |
ThresholdConfig
Name | Type | Default | Description |
---|---|---|---|
type | 'relative'. | Type of the grouping threshold. Can be "relative", "absolute" or "number-of-slices". | |
value |
| Value of the group threshold. Default is dynamically calculated depending on the chart size for relative and absolute. 10 in case of number-of-slices. |
GroupConfig
Name | Type | Default | Description |
---|---|---|---|
name? | 'Other'. | Name of the group. | |
threshold |
| The threshold for the group. |