data
RequiredDescription
Chart data.
Type
Dict[]RadialChart
RadialChart is a component for drawing radial charts to compare multiple sets of data.
Props
RadialChartProps
chartProps
Description
Props passed down to recharts RadialBarChart component.
Type
RadialChartPropscolorScheme
Description
The visual color appearance of the component.
Type
"whiteAlpha" | "blackAlpha" | "gray" | "neutral" | "red" | "danger" | "rose" | "pink" | "flashy" | "orange" | "warning" | "amber" | "yellow" | "lime" | "green" | "success" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "primary" | "info" | "link" | "indigo" | "violet" | "secondary" | "purple" | "fuchsia"containerProps
Description
Props passed down to recharts ResponsiveContainer component.
Type
ResponsiveContainerPropsdataKey
Description
The key of a group of data which should be unique in an chart.
Type
stringDefault
'value'endAngle
Description
Controls angle at which chart ends.
Type
numberDefault
-180innerRadius
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
'10%'labelFormatter
Description
A function to format labels on inside the tooltip.
Type
(label: string) => stringlabelListProps
Description
Props passed down to recharts LabelList components.
Type
LabelListProps[]legendProps
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%'polarGridProps
Description
Props passed down to recharts PolarGrid component.
Type
PolarGridPropsradialBarProps
Description
Props for the radialBar.
Type
Partial<RadialBarProps>size
Description
The size of the RadialChart.
Type
"sm" | "md" | "lg" | "full"Default
fullstartAngle
Description
Controls angle at which chart starts.
Type
numberDefault
90tooltipAnimationDuration
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 RadialChart.
Type
stringwithLegend
Description
If true, legend is visible.
Type
booleanDefault
falsewithPolarGrid
Description
Determines whether polarGrid should be displayed.
Type
booleanDefault
falsewithTooltip
Description
If true, tooltip is visible.
Type
booleanDefault
trueChartLabelProps
Edit this page on GitHub