Chart.jsを使用して、散在する折れ線グラフをレンダリングします。これは非常にうまく機能します。レンダリングアルゴリズムでは、y軸に表示される最大値を見つける必要があるため、データセット内の「最大」ポイントがy = 248であるとすると、y軸は最大値として250を表示します。250だということを知る必要があります。
次のように、実行時にチャートオブジェクトを検査しようとしました。
lineChart.options.scales[0].ticks.??
しかし、プログラムで設定した設定しかわからないようです。
また、包括的なChart.jsのドキュメントを見ても、解決策はわかりませんでした。
この値を理解する方法について何かアドバイスはありますか？
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];
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加