javascript - chart.js 固定条宽问题

Question

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

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

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

但是随着行数的增加，图表的高度并没有增加，条形图相互碰撞。请检查 fiddle ，例如:

https://jsfiddle.net/orhp0zLg/

有什么方法可以增加图表的高度而不是让条形图相互碰撞？

Answer 1

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

但是，您还有一个名为 barPercentage 的属性，它是条形最大宽度的乘数。
您应该将 berPercentage 设置为一个值(假设 0.95)，无论您有多少条柱，您都将始终具有相同的格式:

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

---

这是你的 updated fiddle修复后的结果是前 7 个值，然后是 12 个值: