RadarChart
Responsive radar/spider chart for multi-dimensional data comparison.
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
categoryKey* | string | — | |
radars* | RadarConfig[] | — | — |
showPolarGrid | boolean | — | |
showPolarAngleAxis | boolean | — | |
showPolarRadiusAxis | boolean | — |
Usage
// Simple radar chart
<RadarChart
data={skillsData}
categoryKey="skill"
radars={[{ dataKey: 'level', name: 'Skill Level' }]}
/>
// Comparison radar
<RadarChart
data={comparisonData}
categoryKey="metric"
radars={[
{ dataKey: 'current', name: 'Current' },
{ dataKey: 'target', name: 'Target', fillOpacity: 0.1 },
]}
/>