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