MarkElementAPI
React MarkElement 元件的 API 參考文件。了解此匯出模組的 props、CSS 和其他 API。
範例
匯入
import { MarkElement } from '@mui/x-charts/LineChart';
// or
import { MarkElement } from '@mui/x-charts';
// or
import { MarkElement } from '@mui/x-charts-pro';
請閱讀這份關於最小化 bundle 大小的指南,以了解差異。
名稱 | 類型 | 預設 | 描述 |
---|---|---|---|
dataIndex* | 數字 | - | 系列資料陣列中元素的索引。 |
形狀* | 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye' | - | 標記的形狀。 |
skipAnimation | 布林值 | false | 如果為 |
此元件無法持有 ref。
這些類別名稱對於使用 CSS 設定樣式很有用。它們在觸發特定狀態時會套用至元件的插槽。
類別名稱 | 規則名稱 | 描述 |
---|---|---|
.MuiMarkElement-faded | faded | 當淡化時套用至根元素的樣式。 |
.MuiMarkElement-highlighted | highlighted | 當醒目提示時套用至根元素的樣式。 |
.MuiMarkElement-root | root | 套用至根元素的樣式。 |
您可以使用以下自訂選項之一來覆寫元件的樣式
- 使用全域類別名稱。
- 在自訂主題中使用規則名稱作為元件 `styleOverrides` 屬性的一部分。
原始碼
如果您在此頁面中找不到資訊,請考慮查看元件的實作以取得更多詳細資訊。