ChartsGridAPI
React ChartsGrid 组件的 API 参考文档。了解此导出模块的 props、CSS 和其他 API。
演示
导入
import { ChartsGrid } from '@mui/x-charts/ChartsGrid';
// or
import { ChartsGrid } from '@mui/x-charts';
// or
import { ChartsGrid } from '@mui/x-charts-pro';通过阅读这份关于最小化 bundle size 的指南，了解它们之间的区别。
| 名称 | 类型 | 描述 |
|---|---|---|
| classes | object | 覆盖或扩展应用于组件的样式。 有关更多详细信息，请参阅下面的CSS 类 API。 |
| horizontal | bool | 显示水平网格。 |
| vertical | bool | 显示垂直网格。 |
该组件不能持有 ref。
这些类名对于使用 CSS 设置样式很有用。当触发特定状态时，它们会应用于组件的插槽。
| 类名 | 规则名称 | 描述 |
|---|---|---|
| .MuiChartsGrid-horizontalLine | horizontalLine | 应用于 x 轴的样式。 |
| .MuiChartsGrid-line | line | 应用于每个线条元素的样式。 |
| .MuiChartsGrid-root | root | 应用于根元素的样式。 |
| .MuiChartsGrid-verticalLine | verticalLine | 应用于 y 轴的样式。 |
您可以使用以下自定义选项之一覆盖组件的样式
- 使用全局类名。
- 使用规则名称作为自定义主题中组件的
styleOverrides属性的一部分。
源代码
如果您在此页面中没有找到所需信息，请考虑查看组件的实现以获取更多详细信息。