Chart.js beginAtZeroは機能しません

Question

beginAtZero引数を設定しても、棒がゼロから始まっていないので、Chart.jsに問題があります。

コードの正しい位置に複数の方法を試しましたが、動作しないようです。

誰かが自分の問題を解決する方法を知っていますか？ここで

は、コードは次のとおりです。

var chartdata = { 
    labels: answer, 
    datasets: [{ 
     label: 'Count', 
     backgroundColor: 'rgba(200, 200, 200, 0.75)', 
     borderColor: 'rgba(200, 200, 200, 0.75)', 
     hoverBackgroundColor: 'rgba(200, 200, 200, 1)', 
     hoverBorderColor: 'rgba(200, 200, 200, 1)', 
     data: count 
    } 
    ] 
}; 

var options = { 
    scales: { 
    yAxes: [{ 
     ticks: { 
     beginAtZero: true 
     } 
    }] 
    } 
}; 

var ctx = $("#mycanvas"); 

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

Answer 1

あなたがChart.jsを使用してv1の代わりにV2されているように見えます。

まず、Chart.jsコードをv2に、好ましくはlatest versionに更新します。

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

に：予想通り

var barGraph = Chart.Bar(ctx, { 
    data: chartdata, 
    options: options 
}); 

beginAtZero: trueが次に動作するはず

次に、次のコードを変更します。

ワーキングJSFiddle：https://jsfiddle.net/ko54hp6n/

---

beginAtZero: trueの代替のために、あなたもゼロでバー軸を開始するmin: 0ティック設定オプションを使用することができます。

var options = { 
    scales: { 
    yAxes: [{ 
     ticks: { 
     min: 0 
     } 
    }] 
    } 
} 

ワーキングJSFiddle：https://jsfiddle.net/ko54hp6n/1/