如何在chart.js中动态设置条形宽度？

Question

对于一个值，条形宽度是画布的宽度，所以我只想更改条形的宽度

如何固定条形尺寸的宽度？

Answer 1

看一下这个

barThickness

手动设置每个条形的宽度（以像素为单位）。如果未设置，则会自动计算基本样本宽度，以便它们采用完整的可用宽度而不会重叠。然后，使用 barPercentage 和 CategoryPercentage 调整条形的大小。

你的代码应该是这样的：

var myBarChart = new Chart(ctx, {
    type: 'bar',
    data: data,
    options: {
       scales: {
          xAxes: [{
             barThickness: 10
          }]
    }
});

我为你做了这个例子