指定单个条的条宽

Question

当只有一个条时，是否可以在 Chart.js 上指定条的宽度？

我在条形图上显示年份，但通常只有一年 (2015)，所以它真的很宽 - 我希望它更窄。

有什么想法吗？

Answer 1

当您只有一个条时，您可以通过将此 属性 更改为更高的值来绕过，例如：

//Number - Spacing between each of the X value sets
maxBarThickness: 150

检查 here 如何使用此选项。

Answer 2

如果项目数量低于我的阈值，我只是添加了空标签。

    const chartLabels = this.prodChart.chart.config.data.labels;
    if (chartLabels.length < 8) {
      chartLabels.length = 8;
    }