AreaElementAPI

React AreaElement 組件的 API 參考文件。瞭解此匯出模組的 props、CSS 和其他 API。

範例展示

如需此 React 組件的使用範例和詳細資訊，請造訪組件範例展示頁面

Import

import { AreaElement } from '@mui/x-charts/LineChart';
// or
import { AreaElement } from '@mui/x-charts';
// or
import { AreaElement } from '@mui/x-charts-pro';

若要瞭解差異，請閱讀此關於最小化套件大小的指南。

Props

名稱類型預設值描述

skipAnimation

名稱	類型	預設值	描述
skipAnimation	bool	false	若為 `true`，則會跳過動畫。
slotProps	object	{}	用於每個組件插槽的 props。
slots	object	{}	可覆寫的組件插槽。請參閱下方的 Slots API 以瞭解更多詳細資訊。

bool

false

若為 true，則會跳過動畫。

slotProps

object

{}

用於每個組件插槽的 props。

slots

object

{}

可覆寫的組件插槽。

請參閱下方的 Slots API 以瞭解更多詳細資訊。

此組件無法持有 ref。

Slots

插槽名稱	類別名稱	預設組件	描述
area		`AnimatedArea`	呈現區域的組件。

CSS 類別

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

類別名稱	規則名稱	描述
.MuiAreaElement-faded	faded	當淡出時套用至根元素的樣式。
.MuiAreaElement-highlighted	highlighted	當醒目提示時套用至根元素的樣式。
.MuiAreaElement-root	root	套用至根元素的樣式。

您可以使用以下其中一種自訂選項來覆寫組件的樣式

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

原始碼

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