PieArcLabelPlotAPI
React PieArcLabelPlot 元件的 API 參考文件。瞭解此匯出模組的屬性、CSS 和其他 API。
示範
導入
import { PieArcLabelPlot } from '@mui/x-charts/PieChart';
// or
import { PieArcLabelPlot } from '@mui/x-charts';
// or
import { PieArcLabelPlot } from '@mui/x-charts-pro';請閱讀此關於最小化套件大小的指南，以瞭解差異。
| 名稱 | 類型 | 預設值 | 描述 |
|---|---|---|---|
| outerRadius* | number | - | 圓心與弧線末端之間的半徑。 |
| arcLabel | 'formattedValue' | 'label' | 'value' | func | - | 顯示在弧線中的標籤。 |
| arcLabelMinAngle | number | 0 | 顯示弧線標籤所需的最小角度。 |
| arcLabelRadius | number | (innerRadius - outerRadius) / 2 | 圓心與弧線標籤之間的半徑，以 px 為單位。 |
| cornerRadius | number | 0 | 應用於弧線角的半徑（類似於邊框半徑）。 |
| 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 | {} | 用於每個元件插槽的屬性。 |
| slots | object | {} | 可覆寫的元件插槽。 請參閱下方 Slots API 以瞭解更多詳細資訊。 |
元件無法持有 ref。
| 插槽名稱 | 類別名稱 | 預設元件 | 描述 |
|---|---|---|---|
| pieArcLabel |
原始碼
如果您在此頁面中找不到資訊，請考慮查看元件的實作以取得更多詳細資訊。