web-dev-qa-db-ja.com

ChartJS：固定Y軸の最大値と最小値を設定する方法

固定最大値と最小値を設定しようとしている折れ線グラフがあります。私はSOにある他の提案を試しましたが、それでも機能しません。私のグラフは、入力データに応じて最大値と最小値を再設定し続けます。

折れ線グラフに渡す現在のオプションは次のとおりです。

var options = {
        responsive: true,
        animation: false
};

私もそれらの設定を試しました：

var options = {
    scales: {
        animation: false,
        yAxes: [{
            display: true,
            ticks: {
                suggestedMin: -1,
                suggestedMax: 1
            }
        }]
    }
};

私が間違っていることは何か考えていますか？

ありがとう！

chart.jsreact-chartjs
11
Nayzer

YAxesスケールの最小値と最大値を修正するには、以下のコードを使用します。

options:{
            scales: {
                yAxes : [{
                    ticks : {
                        max : 1,    
                        min : -1
                    }
                }]
            }
        }

suggestedMaxは、受信データが提案された最大値よりも低い場合にのみ機能します。 suggestedMinは、着信データが提案された最小値より大きい場合にのみ機能します。

22
Sanjay Dutt

Chart.jsバージョン<3.0の場合：

Sanjay Duttanswer を見てください。

Chart.jsバージョン> = 3.0の場合：

バージョン3.Xの重大な変更により、上記の回答は機能しなくなりました。 Chart.jsは、次の問題を解決するために 移行ガイド を作成しました。最小値と最大値をoptions.scalesに直接構成できるようになりました。

options : {
    scales : {
        y : {
            min: -1,
            max: 1,
        }
    }
}
0
mhellmeier