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

问题描述 投票:0回答:1

我正在执行条形图,但遇到以下问题:

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

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

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

“截图从2020年3月9日16-11-37”

Edit epic-bohr-05txo

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

javascript reactjs bar-chart
1个回答
0
投票

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

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.