如何在反应图中更改条形图中的条形宽度？

Question

我正在执行条形图，但遇到以下问题：

有时，条形图的宽度太大，因为它与轴重叠，所以看起来像是折线图。我应该采取什么方法来根据数据来控制钢筋宽度？

这里是数据样本以及图形的外观。我还添加了代码沙箱。

const dataOne = [
    {
      label: Translate.string('Events'),
      data: [[2018, 3], [2019, 2], [2020, 1]],
    },
  ];

让我知道是否需要提供其他信息。我已经发布了此问题here also。

Answer 1

该属性实际上存储在scales.xAxes中（“ xAxes的选项”表）。

所以您只需要以这种方式编辑图表：

var options = {
    scales: {
        xAxes: [{
            barPercentage: 0.4
        }]
    }
}

[this对于某些参考文献将是有益的，但特别请参阅this too