跳到主要內容

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 大小的指南,以了解差異。

Props

名稱類型預設描述
dataIndex*數字-

系列資料陣列中元素的索引。

形狀*'circle'
| 'cross'
| 'diamond'
| 'square'
| 'star'
| 'triangle'
| 'wye'
-

標記的形狀。

skipAnimation布林值false

如果為 true,則跳過動畫。

此元件無法持有 ref。

CSS 類別

這些類別名稱對於使用 CSS 設定樣式很有用。它們在觸發特定狀態時會套用至元件的插槽。

類別名稱規則名稱描述
.MuiMarkElement-fadedfaded當淡化時套用至根元素的樣式。
.MuiMarkElement-highlightedhighlighted當醒目提示時套用至根元素的樣式。
.MuiMarkElement-rootroot套用至根元素的樣式。

您可以使用以下自訂選項之一來覆寫元件的樣式

  • 使用全域類別名稱。
  • 在自訂主題中使用規則名稱作為元件 `styleOverrides` 屬性的一部分。

原始碼

如果您在此頁面中找不到資訊,請考慮查看元件的實作以取得更多詳細資訊。