chart.jsでグラフのY軸max, minや0表示、メモリが反映されません

chart.jsでY軸メモリを0-20の固定表示にしたいです。
suggestedMinやminを使っても、全く反映されず、データに合わせて自動でメモリが変わります。
また、stepsizeと0以上の表示指定も、全く反映されません。
何が問題でしょうか。

     const options = {
         scales: {
             yAxes: [{
                 ticks: {
                   display: true,
                   suggestedMin: 0,
                   suggestedMax: 20,
                     stepSize: 1,
                     beginAtZero: true
                 }
             }]
         },
         spanGaps: true,
     }

行動規範の内容に同意します

回答1件

ベストアンサー

そのoptionの書き方は、Chart.js バージョン 2 系の場合に有効です。
バージョン 3 系を使っている場合は、下記のようになります。

参照：https://www.chartjs.org/docs/latest/charts/line.html

js
1const options = {
2  scales: {
3    y: {
4      display: true,
5      suggestedMin: 0,
6      suggestedMax: 20,
7      beginAtZero: true,
8      ticks: {
9        stepSize: 1,
10      }
11    }
12  },
13  spanGaps: true,
14  lineTension: 0.4 // 曲線にするために必要。0もしくは省略すると直線になる。
15}