data
RequiredDescription
Chart data.
Type
Dict<any>[]RadarChart
RadarChart is a component for drawing radar charts to compare multiple sets of data.
Props
RadarChartProps
dataKey
RequiredDescription
The key of a group of data which should be unique in an chart.
Type
stringseries
RequiredDescription
An array of objects with dataKey and color keys. Determines which data should be consumed from the data array.
Type
RadarProps[]chartProps
Description
Props passed down to recharts RadarChart component.
Type
RadarChartPropscolorScheme
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
ResponsiveContainerPropsfillOpacity
Description
Controls fill opacity of all radars.
Type
number | [number, number]Default
1legendProps
Description
Props passed down to recharts 'Legend' component.
Type
LegendPropspolarAngleAxisProps
Description
Props passed down to recharts PolarAngleAxis component.
Type
PolarAngleAxisPropspolarAngleAxisTickFormatter
Description
A function to format Y axis tick.
Type
(value: number) => stringpolarAngleAxisTickProps
Description
Props passed down to recharts tick of PolarAngleAxis component.
Type
CSSUIPropspolarGridProps
Description
Props passed down to recharts PolarGrid component.
Type
PolarGridPropspolarRadiusAxisProps
Description
Props passed down to recharts PolarRadiusAxis component.
Type
PolarRadiusAxisPropspolarRadiusAxisTickFormatter
Description
A function to format X axis tick.
Type
(value: number) => stringpolarRadiusAxisTickProps
Description
Props passed down to recharts tick of PolarRadiusAxis component.
Type
CSSUIPropsradarProps
Description
Props for the radar.
Type
Partial<RadarProps>size
Description
The size of the RadarChart.
Type
"sm" | "md" | "lg" | "full"Default
"full"strokeDasharray
Description
Dash array for the grid lines and cursor. The first number is the length of the solid line section and the second number is the length of the interval.
Type
string | numberstrokeWidth
Description
Stroke width for the chart radars.
Type
numberDefault
2tooltipAnimationDuration
Description
Specifies the duration of animation, the unit of this option is ms.
Type
numberDefault
0tooltipProps
Description
Props passed down to recharts 'Tooltip' component.
Type
TooltipPropsunit
Description
Unit displayed next to each tick in y-axis.
Type
stringvalueFormatter
Description
A function to format values on inside the tooltip.
Type
(value: any) => stringvariant
Description
The variant of the RadarChart.
Type
stringwithActiveDots
Description
Determines whether activeDots should be displayed.
Type
booleanDefault
truewithDots
Description
Determines whether dots should be displayed.
Type
booleanDefault
falsewithLegend
Description
If true, legend is visible.
Type
booleanDefault
falsewithPolarAngleAxis
Description
Determines whether polarAngleAxis should be displayed.
Type
booleanDefault
truewithPolarGrid
Description
Determines whether polarGrid should be displayed.
Type
booleanDefault
truewithPolarRadiusAxis
Description
Determines whether polarRadiusAxis should be displayed.
Type
booleanDefault
falsewithTooltip
Description
If true, tooltip is visible.
Type
booleanDefault
trueRadarProps
activeDot
Type
DotPropscolor
Type
UIValue<"border" | ({} & string) | Color | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 318 more ... | "yellow.950">dimDot
Type
DotPropsdimRadar
Type
Partial<RadarProps>dot
Type
DotPropsEdit this page on GitHub