Chartjs：如果设置了maxBarThickness，如何将数据集更紧密地分组？

Question

我有一个在轴上设置maxBarThickness的图表。当图表中填充大量数据时，数据集会靠在一起，但是当数据点很少时，数据集看起来会相距甚远。

我曾尝试将categoryPercentage设置为较小的百分比，但是当图表中填充了大量数据（或页面调整大小）时，图表看起来是错误的。任何帮助，将不胜感激。

Answer 1

根据this github issue，如果您决定设置barThickness，则无法更改小节之间的间隔（我假设它也不能与maxBarThickness一起使用，但我可能是错的，如果这样，我将删除此答案）

根据上一个链接，您有两种解决方案。

如果要保持钢筋厚度：

如果您不想拉长栏来填充多余的空间，则必须减小画布的宽度。

否则，您可以在图表上设置barPercentage和categoryPercentage，而无需barThickness或maxBarThickness：

    scales: {
      xAxes: [{
        categoryPercentage: 0.8,
        barPercentage: 0.9
    },

这些是默认值。