指定单个条形的条形宽度

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;
    }