Radar Chart
Compare multiple variables on a radial layout. Ideal for skill assessments, performance profiles, and multi-attribute comparisons.
Usage
import { RadarChart } from "@chartts/react"
<RadarChart
data={[teamStats]}
axes={["speed", "power", "accuracy", "defense", "stamina"]}
fill
/>Props
| Prop | Type | Description |
|---|---|---|
| data | T[] | Array of data objects |
| axes | (keyof T)[] | Keys for each spoke axis |
| fill | boolean | Fill the area. Default: true |
| fillOpacity | number | Opacity of filled area. Default: 0.15 |
| gridLevels | number | Number of concentric grid rings. Default: 5 |
Features
- Multiple series overlay
- Configurable grid levels
- Filled or outline mode
- Interactive axis highlighting
- Custom axis labels and scales
- Animated draw-in
Other Charts
Line ChartBar ChartArea ChartPie / Donut ChartScatter ChartBubble ChartCandlestick ChartWaterfall ChartFunnel ChartGauge ChartSparklineStacked Bar ChartHorizontal Bar ChartDonut ChartHeatmapBox PlotHistogramTreemapPolar ChartRadial Bar ChartLollipop ChartBullet ChartDumbbell ChartCalendar ChartCombo ChartSankey Diagram