ChartsGridAPI
React ChartsGrid 元件的 API 參考文件。瞭解此匯出模組的 props、CSS 和其他 API。
示範
匯入
import { ChartsGrid } from '@mui/x-charts/ChartsGrid';
// or
import { ChartsGrid } from '@mui/x-charts';
// or
import { ChartsGrid } from '@mui/x-charts-pro';閱讀關於最小化套件大小的指南，以瞭解差異。
| 名稱 | 類型 | 描述 |
|---|---|---|
| classes | 物件 | 覆寫或擴充應用於元件的樣式。 請參閱下方CSS 類別 API 以取得更多詳細資訊。 |
| horizontal | bool | 顯示水平網格。 |
| vertical | bool | 顯示垂直網格。 |
元件無法持有 ref。
這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會應用於元件的插槽。
| 類別名稱 | 規則名稱 | 描述 |
|---|---|---|
| .MuiChartsGrid-horizontalLine | horizontalLine | 應用於 x 軸的樣式。 |
| .MuiChartsGrid-line | line | 應用於每個線條元素的樣式。 |
| .MuiChartsGrid-root | root | 應用於根元素的樣式。 |
| .MuiChartsGrid-verticalLine | verticalLine | 應用於 y 軸的樣式。 |
您可以使用以下自訂選項之一覆寫元件的樣式
- 使用全域類別名稱。
- 使用規則名稱作為自訂主題中元件的
styleOverrides屬性的一部分。
原始碼
如果您在本頁中找不到資訊，請考慮查看元件的實作以取得更多詳細資訊。