chart.js固定条宽问题

Question

我使用Chart.js作为我的图表库。我创建了horizo​​ntalBar图表。

我需要在图表中设置单个条的宽度。

我没有在chartjs文档中找到任何具体内容，但在查看源代码时，我找到了设置固定条宽度的选项barThickness

但随着行数的增加，而不是增加图表的高度，条形图相互碰撞。请检查小提琴，例如：

https://jsfiddle.net/orhp0zLg/

我们有什么方法可以增加图表的高度而不是让酒吧相互碰撞？

Answer 1

barThickness属性是固定宽度，正如您在问题中所注意到的那样。

但是，您还有一个名为barPercentage的其他属性，它是条形图最大宽度的乘数。
您应该将berPercentage设置为一个值（让我们说0.95 ）并且您将始终拥有相同的格式，无论您有多少个酒吧：

options: {
    scales: {
        yAxes: [{
            barPercentage: 0.95,
        }]
    }
}

<小时/> 这是您的updated fiddle修复版，以下是前7个值的结果，然后是12：