Skip to content

PieArcLabelPlot API

API reference docs for the React PieArcLabelPlot component. Learn about the props, CSS, and other APIs of this exported module.

Component 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.

Props

outerRadiusRequired

The radius between circle center and the end of the arc.

Type:number

Default:R_max The maximal radius that fit into the drawing area.

arcLabel

The label displayed into the arc.

Type:'formattedValue'
| 'label'
| 'value'
| func

arcLabelMinAngle

The minimal angle required to display the arc label.

Type:number

cornerRadius

The radius applied to arc corners (similar to border radius).

Type:number

Default:0

faded

Override the arc attibutes when it is faded.

Type:{ additionalRadius?: number, color?: string, cornerRadius?: number, innerRadius?: number, outerRadius?: number, paddingAngle?: number }

highlighted

Override the arc attibutes when it is highlighted.

Type:{ additionalRadius?: number, color?: string, cornerRadius?: number, innerRadius?: number, outerRadius?: number, paddingAngle?: number }

innerRadius

The radius between circle center and the begining of the arc.

Type:number

Default:0

paddingAngle

The padding angle (deg) between two arcs.

Type:number

Default:0

skipAnimation

If true, animations are skiped.

Type:bool

slotProps

The props used for each component slot.

Type:object

Default:{}

slots

Overridable component slots.

Type:object

Default:{}

The component cannot hold a ref.

Slots

pieArcLabel