2017-01-26 10 views
0

可能な限りあらゆる方法で試してみましたが、すべてのフォームアンサーが動作しますが、何かinmyコードが動作します。私はyAxesがゼロから始まり、最大値が100であることを望みますが、私のすべてのグラフは他の値で始まります(写真参照)。私に何ができる?ChartJS beginAtZero、min、maxは機能しません

var options = { 
    responsive: true, 
    scales: { 
     yAxes: [{ 
      display: true, 
      ticks: { 
       beginAtZero: true, 
       max: 100, 
       min: 0 
      } 
     }] 
    }, 
    title: { 
     display: true, 
     text: name 
    }, 
    tooltips: { 
     mode: 'index', 
     intersect: false, 
    }, 
    hover: { 
     mode: 'nearest', 
     intersect: true 
    }, 

}; 

Doesn't begin at zero

+0

jsフィドルが助けます...追加してください。 – spooky

答えて

1

@Nikolas、 は、ここでのパラメータは、あなたがうまく機能を設定フィドルです。

var options = { 
    responsive: true, 
    scales: { 
     yAxes: [{ 
      display: true, 
      ticks: { 
       beginAtZero: true, 
       max: 100, 
       min: 0 
      } 
     }] 
    }, 
    title: { 
     display: true, 
     text: name 
    }, 
    tooltips: { 
     mode: 'index', 
     intersect: false, 
    }, 
    hover: { 
     mode: 'nearest', 
     intersect: true 
    }, 

}; 

var data = { 
     labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], 
     datasets: [{ 
      label: '# of Votes', 
      data: [32, 59, 36, 25, 68, 71], 
      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 
     }] 
    } 

var ctx = document.getElementById("myChart"); 

var chartInstance = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options:options 
}); 

https://jsfiddle.net/shemdani/zkb215up/2/チェックして、あなたは間違って何をしているかご確認ください。 charjsのドキュメントの基本データを使用しました。