在 Chart.js 中将 Y 轴值从实数更改为整数

Question

我有一个图表，我想使用 Chart.js 将其包含在我的网站中。在 Y 轴上，它给了我实数而不是整数。如何将数字更改为整数？

这是我现在拥有的图片：

这是代码：

 var lineChartData = {

    labels : ["2013/04/01","2013/03/31", "2013/03/30", "2013/03/29", "2013/03/28","2013/03/27", "2013/03/26"],

    datasets : [
        {
            fillColor : "rgba(151,187,205,0.5)",
            strokeColor : "rgba(151,187,205,1)",
            pointColor : "rgba(151,187,205,1)",
            pointStrokeColor : "#fff",
            data : ["0", "2","1", "0", "1","0","1"]
        }
    ]

}

var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Bar(lineChartData);

原文由 Rachid O 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

试试这个，其中 max 是数据的最高值。

 var steps = 3;
new Chart(ctx).Bar(plotData, {
    scaleOverride: true,
    scaleSteps: steps,
    scaleStepWidth: Math.ceil(max / steps),
    scaleStartValue: 0
});

原文由 Mewel 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我在新版本中是这样处理的：

 new Chart(ctx, {
  type: 'bar',
  data: chartData,
  options: {
    scales: {
      yAxes: [{
        ticks: {
          beginAtZero: true,
          callback: function(value) {if (value % 1 === 0) {return value;}}
        }
      }]
    }
  }
});

原文由 Saeid 发布，翻译遵循 CC BY-SA 3.0 许可协议