Chart.Pie

<Chart.Pie />

Polar marks want a square box and interactive={false} on the root — the keyboard cursor is a cartesian idea.

API

Prop	Type	Default
`dataKey`	`string`	—	Field holding each wedge's size. Defaults to the first value key.
`endAngle`	`number`	`360`	Where the last wedge ends. A partial sweep draws an arc rather than a circle.
`innerRadiusRatio`	`number`	`0`	Fraction of the outer radius left hollow. `0` draws a full pie.
`inset`	`number`	`8`	Pixels kept clear around the wedges, for the active one to lift into.
`nameKey`	`string`	—	Field naming each wedge's config entry. Defaults to the category field.
`padAngle`	`number`	`1`	Radians of blank between two wedges.
`startAngle`	`number`	`0`	Where the first wedge begins, in radians clockwise from 12 o'clock.

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

A pie colours by row, not by series, which is why nameKey exists and why the tooltip and legend both read it.

Prop	Type	Default
`cx`	`number`	required	Centre of the circle the arc is cut from, in plot coordinates.
`cy`	`number`	required	Centre of the circle the arc is cut from, in plot coordinates.
`endAngle`	`number`	required	Degrees clockwise from twelve o'clock. A 360-degree sweep draws a full ring.
`innerRadius`	`number`	required	Inner edge. `0` makes the arc a pie wedge rather than a donut segment.
`outerRadius`	`number`	required	Outer edge, in pixels from the centre.
`startAngle`	`number`	required	Degrees clockwise from twelve o'clock.
`state`	`"active" \| "idle" \| "muted"`	`"idle"`	How this wedge relates to the pointer: `active` lifts it out of the ring, `muted` fades the ones it is being compared against.

Plus every <path> prop. Source: chart/components/chart-slice.tsx.

One wedge. Chart.Pie renders these for you; use it directly only when building a round mark of your own.