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

【问题讨论】:

  • 请分享您的代码,不要只发布图片
  • 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 我做了一些改变,看看吧。希望此编辑对您有所帮助。
猜你喜欢
  • 2015-11-15
  • 2012-01-18
  • 2013-06-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-09-18
相关资源
最近更新 更多