Chartsv0.0.2
MobileA2UI

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

PropTypeDefaultNotes
indicators{ name, max }[]—One spoke per dimension, each with its own maximum.
seriesRadarSeries[]—Each: { name, data (one value per indicator), area? }.
series[].areabooleanfalseFill the polygon for this series.
colorsstring[]—Override the theme palette; one colour per series.
showLegendbooleantrueToggle the legend.