Charts
Radar chart
Compare axes on a spider. Stroke, fill, dither, or a bloom.
Props
| Property | Type | Default | Description |
|---|---|---|---|
data | ChartDatum[] | — | One row per axis. |
dataKey | string | "value" | Numeric field plotted on each axis. |
labelKey | string | "label" | Axis name. |
variant | "stroke" | "fill" | "glow" | "dither" | "polygon" | "fill" | Outline only, translucent fill, bloom, or a stipple fill. |
config | ChartConfig | — | Map of dataKey → { label?, color? }. |
className | string | — | Chart container. Default height is 220px. |