LineElementAPI
React LineElement 組件的 API 參考文件。瞭解此匯出模組的 props、CSS 和其他 API。
範例展示
匯入
import { LineElement } from '@mui/x-charts/LineChart';
// or
import { LineElement } from '@mui/x-charts';
// or
import { LineElement } from '@mui/x-charts-pro';閱讀關於最小化 bundle 大小的指南，瞭解差異。
| 名稱 | 類型 | 預設值 | 描述 |
|---|---|---|---|
| skipAnimation | bool | false | 如果 |
| slotProps | object | {} | 用於每個組件插槽的 props。 |
| slots | object | {} | 可覆寫的組件插槽。 請參閱下方的插槽 API 以瞭解更多詳細資訊。 |
組件無法持有 ref。
| 插槽名稱 | 類別名稱 | 預設組件 | 描述 |
|---|---|---|---|
| line | LineElementPath | 呈現折線的組件。 |
這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會套用至組件的插槽。
| 類別名稱 | 規則名稱 | 描述 |
|---|---|---|
| .MuiLineElement-faded | faded | 當淡化時套用至根元素的樣式。 |
| .MuiLineElement-highlighted | highlighted | 當醒目提示時套用至根元素的樣式。 |
| .MuiLineElement-root | root | 套用至根元素的樣式。 |
您可以使用以下自訂選項之一覆寫組件的樣式
- 使用全域類別名稱。
- 在自訂主題中使用規則名稱作為組件的
styleOverrides屬性 的一部分。
原始碼
如果您在此頁面中找不到資訊，請考慮查看組件的實作以取得更多詳細資訊。