Chart.Radar

<Chart.PolarGrid inset={92} />
<Chart.PolarAngleAxis inset={92} />
<Chart.Radar dots inset={92} />

inset reserves the ring's outer margin for the axis labels, which are drawn outside it.

API

Prop	Type	Default
`dots`	`boolean`	`false`	Draw a dot at every vertex, not only the active one.
`fillOpacity`	`number`	`0.35`	Opacity of the filled polygon. Lower it when two shapes overlap.
`inset`	`number`	`24`	Pixels kept clear inside the plot edge.
`keys`	`readonly string[]`	—	Series to draw. Defaults to the root's value keys.
`strokeWidth`	`number`	`2`	Width of the polygon outline, in pixels.

Plus every <g> prop. Source: chart/components/chart-radar.tsx.

Prop	Type	Default
`inset`	`number`	`24`	Pixels kept clear inside the plot edge.
`rings`	`number`	`4`	How many concentric rings to draw.
`spokes`	`boolean`	`true`	Draw the radial lines out to each category.

Plus every <g> prop. Source: chart/components/chart-polar-grid.tsx.

Prop	Type	Default
`inset`	`number`	`24`	Pixels kept clear inside the plot edge, so labels are not clipped.
`tickFormatter`	`((value: string) => string)`	—	Formats each spoke label.
`tickMargin`	`number`	`10`	Pixels between the outer ring and the labels.

Plus every <g> prop. Source: chart/components/chart-polar-angle-axis.tsx.

A radar needs the polar pair rather than Chart.XAxis and Chart.YAxis: the rings are the value scale and the spokes are the categories.