Chart.jsでレンダリングされた折れ線グラフのy軸の最大値を取得

Question

Chart.jsを使用して分散線グラフをレンダリングしますが、これは非常にうまくいきます。 レンダリングアルゴリズムでは、y軸に表示される最高値を調べる必要があります。データセット内の「最大」の点にy = 248があるため、y軸に最大値250が表示されます。私はそれが私がそうのように、実行時にチャートオブジェクトを検査しようとした250

だということを知る必要があります。

lineChart.options.scales[0].ticks.?? 

が、私が唯一、私はプログラム的に自分自身を設定し、設定を見つけることができるようです。

また、包括的なChart.jsドキュメントを見ても、解決策を指摘しませんでした。

どのようにこの値を把握するためのアドバイスですか？

Answer 1

yAxesに表示される値の配列を取得できるコールバックメソッドがあります。
その配列の最初の要素はyAxesの最高値になります。以下は同じもののサンプルコードです。

var yAxesticks = []; 
var highestVal; 
var chartInstanceHoverModeNearest = new Chart(ctx, { 
       type: 'bar', 
       data: data, 
       options:{ 
        scales: { 
         yAxes : [{ 
          ticks : { 
           beginAtZero : true, 
           callback : function(value,index,values){ 
            yAxesticks = values; 
            return value; 
           } 
          } 
         }] 
        } 
       } 
      }); 

highestVal = yAxesticks[0];