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

Question

如何修复条形尺寸的宽度？

Answer 1

Check this out

barThickness

  

以像素为单位手动设置每个条的宽度。如果未设置，则为基础样本   宽度是自动计算的，以便它们完整   可用宽度没有重叠。然后，使用大小调整条形   barPercentage和categoryPercentage。

您的代码应该是这样的：

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

I made this example for you