Javascript chart.js固定条宽度问题

我正在使用Chart.js作为我的图表库。我已经创建了水平条形图

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

我在chartjs文档中没有找到任何特定的内容，但在查看源代码时，我发现了选项

barThickness

，它设置了固定的条形宽度

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

---

有没有办法增加图表的高度，而不是让条形图相互碰撞？

正如您在本期文章中所注意到的那样，

barThickness

属性是一个固定宽度

但是，您还有一个名为

barPercentage

的属性，它是条的最大宽度的乘数。
您应该将

berPercentage

设置为一个值（比如

0.95

），并且无论有多少条，您的格式都是相同的：

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

---

以下是修复的结果，以及前7个值和12个值的结果：

---

是否也存在固定条形图宽度和增加图表高度的替代方法。可能是完全清除图形并设置画布的高度，然后重新渲染图形。@user2692032此答案使用Chart.js内置属性。如果你想要一个像你说的那样的解决方案，你应该试着问另一个关于动态

css

和

canvas

的问题。