跳到内容

BarPlotAPI

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

演示

导入

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

阅读此关于最小化 bundle 大小的指南,了解两者之间的区别。

Props

名称类型默认值描述
barLabel'value'
| func
-

如果提供,该函数将用于格式化柱状图的标签。可以设置为 'value' 来显示当前值。

borderRadius数字-

定义柱状图元素的边框半径。

onItemClick函数-

当柱状图项被点击时触发的回调。

签名:function(event: React.MouseEvent, barItemIdentifier: BarItemIdentifier) => void
  • event 回调的事件源。
  • barItemIdentifier 柱状图项标识符。
skipAnimation布尔值未定义

如果为 true,则跳过动画。

slotProps对象{}

用于每个组件插槽的 props。

slots对象{}

可覆盖的组件插槽。

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

组件不能持有 ref。

插槽

插槽名称类名默认组件描述
barBarElementPath渲染柱状图的组件。
barLabelBarLabel渲染柱状图标签的组件。

源代码

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