Ant Design Stacked Bar 中如何设置单个 bar 的高度？

Question

我正在使用 Ant Design Charts 创建一个堆叠栏，但我希望它具有响应能力。当我删除数据项时，条形变得太粗而无法填充可用空间。所以基本上，我希望条形图具有固定的高度，这样当数据项很少时它们就不会变得太厚。请在下面找到相关图片：

这里是ant design图表的链接：

https://charts.ant.design/en/examples/bar/stacked#basic

Answer 1

您可以使用 pass

maxBarWidth

属性来进行栏配置，如下所示：

config = {
    maxBarWidth: 30,
    ...

或者直接到

Bar

组件，如下所示：

<Bar {...config} maxBarWidth={30} />

Answer 2

根据最新更新

在栏配置中使用

style

道具，如下所示

config = {
 style: {
      maxWidth: 25,
    },
  ...
}