Chart.js固定条宽度问题

【问题标题】：chart.js fixed bar width issueChart.js固定条宽度问题
【发布时间】：2017-01-23 05:29:03
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

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

但是，您还有一个名为 barPercentage 的属性，它是条形最大宽度的乘数。
您应该将berPercentage 设置为一个值（比如说0.95），无论您有多少条，您都将始终拥有相同的格式：

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

这是您的 updated fiddle 修复，这里是前 7 个值然后是 12 的结果：

【讨论】：

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