Charts
Radar Chart
Build radar charts for multi-dimensional data comparison
Radar charts display multivariate data on axes radiating from a center point.
Simple Radar Chart
Multiple Series
Add multiple <Radar> components to compare data sets.
Circular Grid
Set grid-type="circle" on <PolarGrid> for circular rings.
Dots on Vertices
Use the dot prop to show dots at each data point.
Radar props
| Prop | Type | Default | Description |
|---|---|---|---|
dataKey | string | number | Function | required | Key from data |
fill | string | '#808080' | Fill color |
stroke | string | — | Stroke color |
fillOpacity | number | 0.6 | Fill opacity |
dot | boolean | object | false | Show dots on vertices |
hide | boolean | false | Hide the radar |
connectNulls | boolean | false | Connect across null values |
isAnimationActive | boolean | true | Enable animation |