RadarChart
Several dimensions compared on their own spokes, one polygon per series. Good for capability or scoring profiles where each axis has its own scale. See Charts overview for the loading, empty, events and ref props shared by every chart.
Profiles
indicators defines the spokes, each with its own max. Each series carries one value per indicator, in the same order; set area to fill its polygon.
<RadarChart ariaLabel="Team capability profiles" indicators={[ { name: 'Speed', max: 100 }, { name: 'Quality', max: 100 }, { name: 'Cost', max: 100 }, { name: 'Scope', max: 100 }, { name: 'Risk', max: 100 }, ]} series={[ { name: 'Team Alpha', data: [82, 90, 60, 75, 40], area: true }, { name: 'Team Bravo', data: [65, 72, 88, 60, 70], area: true }, ]}/>Props
| Prop | Type | Default | Notes |
|---|---|---|---|
indicators | { name, max }[] | — | One spoke per dimension, each with its own maximum. |
series | RadarSeries[] | — | Each: { name, data (one value per indicator), area? }. |
series[].area | boolean | false | Fill the polygon for this series. |
colors | string[] | — | Override the theme palette; one colour per series. |
showLegend | boolean | true | Toggle the legend. |