data
RequiredDescription
Chart data.
Type
CellProps[]PieChart
PieChart is a component for drawing pie charts to compare multiple sets of data.
Props
PieChartProps
cellProps
Description
Props for the cell.
Type
Partial<CellProps>chartProps
Description
Props passed down to recharts PieChart component.
Type
PieChartPropscolorScheme
Description
The visual color appearance of the component.
Type
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"containerProps
Description
Props passed down to recharts ResponsiveContainer component.
Type
ResponsiveContainerPropsendAngle
Description
Controls angle at which chart ends.
Type
numberDefault
-270fillOpacity
Description
Controls fill opacity of all pies.
Type
number | [number, number]Default
1innerRadius
Description
Controls innerRadius of the chart segments.
If it is a number, it is the width of the radius.
For example, 60 means the radius is 60px and the diameter is 120px.
Type
string | numberDefault
'0%'isPercent
DeprecatedDescription
Determines whether labels should be displayed as percentages.
Deprecated
Use percent instead.
Type
booleanDefault
falselabelFormatter
Description
A function to format labels.
Type
(value: number) => stringlabelOffset
Description
Distance between chart and label.
Type
numberlegendProps
Description
Props passed down to recharts 'Legend' component.
Type
LegendPropsouterRadius
Description
Controls thickness of the chart segments. If it is a number, it is calculated as px.
If it is a number, it is the width of the radius.
For example, 60 means the radius is 60px and the diameter is 120px.
Type
string | numberDefault
'80%'paddingAngle
Description
Controls padding between segments.
Type
numberDefault
0percent
Description
Determines whether labels should be displayed as percentages.
Type
booleanDefault
falsepieProps
Description
Props for the pie.
Type
Partial<PieProps>size
Description
The size of the PieChart.
Type
"sm" | "md" | "lg"Default
"md"startAngle
Description
Controls angle at which chart starts.
Type
numberDefault
90strokeWidth
Description
Stroke width for the chart pies.
Type
numberDefault
1tooltipAnimationDuration
Description
Specifies the duration of animation, the unit of this option is ms.
Type
numberDefault
0tooltipDataSource
Description
Determines which data is displayed in the tooltip.
Type
TooltipDataSourceTypeDefault
'all'tooltipProps
Description
Props passed down to recharts 'Tooltip' component.
Type
TooltipPropsunit
Description
Unit displayed next to each value in tooltip.
Type
stringvalueFormatter
Description
A function to format values on inside the tooltip.
Type
(value: any) => stringvariant
Description
The variant of the PieChart.
Type
stringwithLabelLines
Description
Determines whether segments labels should have lines that connect the segment with the label.
Type
booleanDefault
falsewithLabels
Description
Determines whether each segment should have associated label.
Type
booleanDefault
falsewithLegend
Description
If true, legend is visible.
Type
booleanDefault
falsewithTooltip
Description
If true, tooltip is visible.
Type
booleanDefault
trueCellProps
name
RequiredType
stringvalue
RequiredType
numberdimCell
Type
Partial<CellProps>Edit this page on GitHub