The PieChart component provides a way to display pie charts with interactive features, including hover effects, click events, and custom styling options. It supports various customization options including different chart types, color schemes, and interactive features.
ring sets the inner and outer radius as percentages of the available space. inner: 0 is a solid pie; anything above it is a donut, and the hole is where a total or a label goes.
Keep outer under 100 — the arc is drawn inside the panel, and a value at 100 leaves no room for the labels around it.
A pie reads two fields per row: the number that sizes the slice and the string that names it. Those default to value and name, and dataKey / nameKey point them at different fields when your data is already shaped some other way.
origo moves the centre of the pie within the panel, as percentages. Shift it when the legend sits along one side and the default centring leaves the arc crowded against it.
PieChart has no axes or grid, so axis and grid do not apply.