Chart.js軸は常にゼロを表示

Question

私は、mysqlから読み取ったデータを持つ単純な棒グラフにChart.jsを使用しています。残念なことに、y軸は乱数で始まり、いくつかのバーよりも高いことがよくあります。その価値は十分に高くなければならないが、そのため、いくつかのバーは、表示されません。

無駄に、hereを示唆したように、私はscaleBeginAtZero: true -optionをすでに使用しました：

var ctx = $("#mycanvas"); 
Chart.defaults.global.scaleBeginAtZero = true; 

var barGraph = new Chart(ctx, { 
    type: 'bar', 
    data: chartdata, 
    options: { 
     scaleBeginAtZero: true 
    } 
}); 

どれでもアイデア？完全なコードはhereです。

Answer 1

さて、以下のコードを使用することができます。つまり、棒グラフのY軸はゼロから始まります。

options: { 
     scales : { 
      yAxes : [{ 
       ticks : { 
        beginAtZero : true 
       } 
      }] 
     } 
    } 

[サンプル-コード]

var ctx = document.getElementById("myChart1"); 
var data = { 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
    datasets: [ 
     { 
      label: "My First dataset", 
      backgroundColor: [ 
       'rgba(255, 99, 132, 0.2)', 
       'rgba(54, 162, 235, 0.2)', 
       'rgba(255, 206, 86, 0.2)', 
       'rgba(75, 192, 192, 0.2)', 
       'rgba(153, 102, 255, 0.2)', 
       'rgba(255, 159, 64, 0.2)' 
      ], 
      borderColor: [ 
       'rgba(255,99,132,1)', 
       'rgba(54, 162, 235, 1)', 
       'rgba(255, 206, 86, 1)', 
       'rgba(75, 192, 192, 1)', 
       'rgba(153, 102, 255, 1)', 
       'rgba(255, 159, 64, 1)' 
      ], 
      borderWidth: 1, 
      data: [65, 59, 80, 81, 56, 55, 40], 
     } 
    ] 
}; 
    var myBarChart = new Chart(ctx, { 
    type: 'bar', 
    data: data, 
    options: { 
     scales : { 
      yAxes : [{ 
       ticks : { 
        beginAtZero : true 
       } 
      }] 
     } 
    } 
});