☰

Chart.js で Y 軸の値を実数から整数に変更する 質問する

tag-icon • tag-icon javascript html charts chart.js
Chart.js で Y 軸の値を実数から整数に変更する 質問する

私のウェブサイトに使用したいチャートがありますチャート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);

ベストアンサー1

新しいバージョンでは次のように処理しました:

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

おすすめ記事