跳到内容

BarLabelAPI

React BarLabel 组件的 API 参考文档。了解此导出模块的 props、CSS 和其他 API。

演示

导入

import { BarLabel } from '@mui/x-charts/BarChart';
// or
import { BarLabel } from '@mui/x-charts';
// or
import { BarLabel } from '@mui/x-charts-pro';

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

Props

名称类型描述
该组件不能持有 ref。

插槽

插槽名称类名默认组件描述
barLabelBarLabel渲染条形标签的组件。

CSS 类

这些类名对于使用 CSS 设置样式很有用。当特定状态被触发时,它们会被应用到组件的插槽上。

类名规则名称描述
.MuiBarLabel-fadedfaded如果根元素处于 faded 状态,则应用这些样式。
.MuiBarLabel-highlightedhighlighted如果根元素处于 highlighted 状态,则应用这些样式。
.MuiBarLabel-rootroot应用于根元素的样式。

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

  • 使用全局类名
  • 在自定义主题中使用规则名称作为组件的 styleOverrides 属性的一部分。

源代码

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