跳到内容

AreaElementAPI

React AreaElement 组件的 API 参考文档。了解有关此导出模块的属性、CSS 和其他 API 的信息。

演示

导入

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

通过阅读此关于最小化 bundle size 的指南，了解它们之间的区别。

属性

名称类型默认描述
skipAnimationboolfalse

如果 true，则跳过动画。

slotPropsobject{}

用于每个组件插槽的属性。

slotsobject{}

可覆盖的组件插槽。

有关更多详细信息，请参阅下面的 Slots API。

该组件不能持有 ref。

插槽

插槽名称类名默认组件描述
areaAnimatedArea渲染区域的组件。

CSS 类

这些类名对于使用 CSS 进行样式设置很有用。当触发特定状态时，它们将应用于组件的插槽。

类名规则名称描述
.MuiAreaElement-fadedfaded褪色时应用于根元素的样式。
.MuiAreaElement-highlightedhighlighted高亮显示时应用于根元素的样式。
.MuiAreaElement-rootroot应用于根元素的样式。

您可以使用以下自定义选项之一覆盖组件的样式

源代码

如果您在此页面中找不到信息，请考虑查看组件的实现以获取更多详细信息。