yAxesがmin maxオプションで動作しない

Question

いくつかの投稿を確認しました。しかし、解決策のどれもが私の問題を解決しませんでした。

これは、minとmaxのかなり標準的な使用法です。私はBarchartで同じ設定を使用していました。同じページの折れ線グラフでは機能しません。

私は、提案されたMax、試してみました。

ところで、私のデータセットは複数のラインシリーズを持っています。

バージョン2.1.6

var ctx = document.getElementById(canvas); 
    var lineChart = new Chart(ctx, { 
    type: 'line', 
    data: lineChartData, 

    option: { 
     scales: { 
     yAxes: [ { 
//    type: 'linear', 
      ticks: { 
       beginAtZero: true, 
       max : 50, 
       min : 0, 

       } 
      } ] 
     } 
    } 

その後、私は働いていない...別のポストからのコードの一部を試してみました....

var data = { 
labels: ["January", "February", "March", "April", "May", "June", "July"], 
datasets: [ 
    { 
     label: "Test dataset", 
     fill: false, 
     data: [65, 59, 80, 81, 56, 55, 40], 
    } 
] 
}; 
var ctx = document.getElementById("testLineChart"); 
    var myLineChart = new Chart(ctx, { 
     type: 'line', 
     data: data, 
     option: { 
      scales: { 
      yAxes: [ { 
       type: 'linear', 
       ticks: { 
        beginAtZero: true, 
        min : 0, 
        max : 100, 
        } 
       } ] 
      } 
     } 
    }); 

Answer 1

あなたはChartjsに一致するように、小文字を使用する必要がありますminとmaxのオブジェクト属性。最初の文字を大文字として使用すると、オブジェクト内にChartjsで解析されない新しいフィールドが作成されます。

することにコードを変更してみてください：

ticks: { 
      beginAtZero: true, 
      max : 50, 
      min : 0, 
     } 

UPDATE：グラフを作成するとき

、オプションは、（代わりにオプションのオプション）複数あるべき属性、あなたが不足しています言い換えればSです。

正しい方法は次のとおりです。

var myLineChart = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { ... } 
}