PieArc API

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

Demos

For examples and details on the usage of this React component, visit the component demo pages:

Import

import { PieArc } from '@mui/x-charts/PieChart';
// or
import { PieArc } from '@mui/x-charts';
// or
import { PieArc } from '@mui/x-charts-pro/PieChart';
// or
import { PieArc } from '@mui/x-charts-pro';
// or
import { PieArc } from '@mui/x-charts-premium/PieChart';
// or
import { PieArc } from '@mui/x-charts-premium';

Learn about the difference by reading this guide on minimizing bundle size.

Props

Name	Type	Description
color*	string
cornerRadius*	number
dataIndex*	number
endAngle*	number
innerRadius*	number
isFaded*	bool
isFocused*	bool
isHighlighted*	bool
outerRadius*	number
paddingAngle*	number
seriesId*	string
startAngle*	number
classes	Partial	See CSS classes API below for more details.
onClick	func	Signature:`function(event: MouseEvent<SVGPathElement, MouseEvent>) => void`
skipAnimation	bool	If `true`, the animation is disabled.
skipInteraction	bool	If `true`, the default event handlers are disabled. Those are used, for example, to display a tooltip or highlight the arc on hover.

The component cannot hold a ref.

Source code

If you did not find the information in this page, consider having a look at the implementation of the component for more detail.