跳到内容

PieArcPlotAPI

React PieArcPlot 组件的 API 参考文档。了解此导出模块的属性、CSS 和其他 API。

演示

导入

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

通过阅读关于最小化 bundle size 的指南，了解它们之间的区别。

属性

名称类型默认值描述
outerRadius*number-

圆心到弧末端的半径。

arcLabelRadiusnumber(innerRadius - outerRadius) / 2

圆心到弧标签的半径，单位为像素。

cornerRadiusnumber0

应用于弧角的半径（类似于边框半径）。

faded{ additionalRadius?: number, arcLabelRadius?: number, color?: string, cornerRadius?: number, innerRadius?: number, outerRadius?: number, paddingAngle?: number }{ additionalRadius: -5 }

覆盖弧线在淡化时的属性。

highlighted{ additionalRadius?: number, arcLabelRadius?: number, color?: string, cornerRadius?: number, innerRadius?: number, outerRadius?: number, paddingAngle?: number }-

覆盖弧线在高亮时的属性。

innerRadiusnumber0

圆心到弧开始处的半径。

onItemClickfunc-

当饼图项被点击时触发的回调函数。

签名:function(event: React.MouseEvent, pieItemIdentifier: PieItemIdentifier, item: DefaultizedPieValueType) => void
  • event 回调的事件源。
  • pieItemIdentifier 饼图项标识符。
  • item 饼图项。
paddingAnglenumber0

两个弧之间的内边距角度（度）。

skipAnimationboolfalse

如果为 true，则跳过动画。

slotPropsobject{}

用于每个组件插槽的属性。

slotsobject{}

可覆盖的组件插槽。

有关更多详细信息，请参阅下面的 Slots API。

该组件无法持有 ref。

插槽

插槽名称类名默认组件描述
pieArc

源代码

如果您在此页面中没有找到所需信息，请考虑查看组件的实现以获取更多详细信息。