跳到內容

PieArcPlotAPI

React PieArcPlot 組件的 API 參考文件。 了解此匯出模組的 props、CSS 和其他 API。

範例

匯入

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

閱讀關於最小化套件大小的指南，以了解差異。

Props

名稱類型預設值描述
outerRadius*number-

圓心與弧線末端之間的半徑。

arcLabelRadiusnumber(innerRadius - outerRadius) / 2

圓心與弧線標籤之間的半徑（單位為 px）。

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{}

用於每個組件插槽的 props。

slotsobject{}

可覆寫的組件插槽。

有關更多詳細資訊，請參閱下方的插槽 API。

組件無法持有 ref。

插槽

插槽名稱類別名稱預設組件描述
pieArc

原始碼

如果您在此頁面中找不到資訊，請考慮查看組件的實作以了解更多詳細資訊。