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

【问题标题】：How to set width of bar dynamically in chart.js?如何在chart.js中动态设置条的宽度？
【发布时间】：2018-02-23 03:52:17
【问题描述】：

for one value the bar width is width of canvas so i want only to change the width of bar

如何固定bar size的宽度？

【问题讨论】：

请分享您的代码，不要只发布图片
Stackoverflow 确实需要实施一些措施来阻止用户发布标题为“在此处输入图片描述”的图片。

标签： javascript chart.js

【解决方案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

【讨论】：

var chart2 = document.getElementById("bar-chart").getContext("2d"); window.myBar = new Chart(chart2).Bar(barChartData{ responsive: true, scaleLineColor: "rgba(0,0,0,.2)", scaleGridLineColor: "rgba(0,0,0,.05)", scaleFontColor: "#c5c7cc", });
这是添加选项变量的代码，请告诉我，
我在数据之后添加了选项变量，但它会自动最小化图表。但我只想减少条形厚度
请帮助我，我尝试了很多设置栏的宽度，但它不影响图表
@SpoortiHonnatti 我做了一些改变，看看吧。希望此编辑对您有所帮助。