PieArcLabelPlotAPI
React PieArcLabelPlot 组件的 API 参考文档。了解此导出模块的 props、CSS 和其他 API。
演示
导入
import { PieArcLabelPlot } from '@mui/x-charts/PieChart';
// or
import { PieArcLabelPlot } from '@mui/x-charts';
// or
import { PieArcLabelPlot } from '@mui/x-charts-pro';通过阅读此关于最小化 bundle size 的指南，了解它们之间的区别。
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| outerRadius* | number | - | 圆心与弧末端之间的半径。 |
| arcLabel | 'formattedValue' | 'label' | 'value' | func | - | 显示在弧中的标签。 |
| arcLabelMinAngle | number | 0 | 显示弧标签所需的最小角度。 |
| arcLabelRadius | number | (innerRadius - outerRadius) / 2 | 圆心与弧标签之间的半径，单位为 px。 |
| cornerRadius | number | 0 | 应用于弧角的半径（类似于 border radius）。 |
| 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 } | - | 覆盖弧在高亮时的属性。 |
| innerRadius | number | 0 | 圆心与弧起始端之间的半径。 |
| paddingAngle | number | 0 | 两个弧之间的内边距角度 (deg)。 |
| skipAnimation | bool | false | 如果为 |
| slotProps | object | {} | 用于每个组件插槽的 props。 |
| slots | object | {} | 可覆盖的组件插槽。 有关更多详细信息，请参见下方的Slots API。 |
该组件不能持有 ref。
| 插槽名称 | 类名 | 默认组件 | 描述 |
|---|---|---|---|
| pieArcLabel |
源代码
如果您在此页面中没有找到所需信息，请考虑查看组件的实现以获取更多详细信息。