PieArcLabelPlot API
API reference docs for the React PieArcLabelPlot component. Learn about the props, CSS, and other APIs of this exported module.
Demos
Import
import { PieArcLabelPlot } from '@mui/x-charts/PieChart';
// or
import { PieArcLabelPlot } from '@mui/x-charts';Learn about the difference by reading this guide on minimizing bundle size.
| Name | Type | Default | Description |
|---|---|---|---|
| outerRadius* | number | - | The radius between circle center and the end of the arc. |
| arcLabel | 'formattedValue' | 'label' | 'value' | func | - | The label displayed into the arc. |
| arcLabelMinAngle | number | 0 | The minimal angle required to display the arc label. |
| arcLabelRadius | number | (innerRadius - outerRadius) / 2 | The radius between circle center and the arc label in px. |
| cornerRadius | number | 0 | The radius applied to arc corners (similar to border radius). |
| faded | { additionalRadius?: number, arcLabelRadius?: number, color?: string, cornerRadius?: number, innerRadius?: number, outerRadius?: number, paddingAngle?: number } | { additionalRadius: -5 } | Override the arc attibutes when it is faded. |
| highlighted | { additionalRadius?: number, arcLabelRadius?: number, color?: string, cornerRadius?: number, innerRadius?: number, outerRadius?: number, paddingAngle?: number } | - | Override the arc attibutes when it is highlighted. |
| innerRadius | number | 0 | The radius between circle center and the begining of the arc. |
| paddingAngle | number | 0 | The padding angle (deg) between two arcs. |
| skipAnimation | bool | false | If |
| slotProps | object | {} | The props used for each component slot. |
| slots | object | {} | Overridable component slots. See Slots API below for more details. |
| Slot name | Class name | Default component | Description |
|---|---|---|---|
| pieArcLabel |