BarElementAPI
React BarElement 元件的 API 參考文件。瞭解此匯出模組的屬性、CSS 和其他 API。
示範
匯入
import { BarElement } from '@mui/x-charts/BarChart';
// or
import { BarElement } from '@mui/x-charts';
// or
import { BarElement } from '@mui/x-charts-pro';請閱讀此關於最小化套件大小的指南，以瞭解差異。
| 名稱 | 類型 | 預設值 | 描述 |
|---|---|---|---|
| slotProps | 物件 | {} | 用於每個元件插槽的屬性。 |
| slots | 物件 | {} | 可覆寫的元件插槽。 請參閱下方的Slots API 以瞭解更多詳細資訊。 |
元件無法持有 ref。
| 插槽名稱 | 類別名稱 | 預設元件 | 描述 |
|---|---|---|---|
| bar | BarElementPath | 呈現長條圖的元件。 |
這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會套用至元件的插槽。
| 類別名稱 | 規則名稱 | 描述 |
|---|---|---|
| .MuiBarElement-root | root | 套用至根元素的樣式。 |
您可以使用以下自訂選項之一來覆寫元件的樣式
- 使用全域類別名稱。
- 使用規則名稱作為自訂主題中元件的
styleOverrides屬性的一部分。
原始碼
如果您在本頁中找不到資訊，請考慮查看元件的實作以瞭解更多詳細資訊。