ChartJS 如何在Ant Design堆叠条形图中设置单个条形图的高度?

bejyjqdl  于 2022-11-23  发布在  Chart.js
关注(0)|答案(1)|浏览(260)

我正在使用Ant设计图表来创建一个堆叠条形图,但我希望它能够响应。当我删除数据项时,条形图会变得太厚,无法填充可用空间。因此,基本上,我希望条形图具有固定的高度,以便在数据项较少时不会变得太厚。请查看下面的相关图片:
第一次
下面是Ant Design图的链接:
https://charts.ant.design/en/examples/bar/stacked#basic

bd1hkmkf

bd1hkmkf1#

您可以像这样使用pass maxBarWidth prop to bar config:

config = {
    maxBarWidth: 30,
    ...

或者直接添加到Bar组件,如下所示:

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

相关问题