javascript - 折れ線グラフの y 軸を機能させるには?

Question

私はこのチャート作成ソリューションを実装していますが、少し行き詰まっています。リンクの最初の例のように、同じグラフで折れ線グラフを作成する必要がある場合、y 軸に問題があるようです。最初の折れ線グラフと 2 番目の折れ線グラフの比率が正しくありません。以下の 2 つの画像を参照してください。

これを解決する方法を知っている人はいますか?!

ありがとう！

P

Answer 1

私はあなたの問題を理解していると思います.グラフの各線のスケールは独立しており、ラファエル線グラフjsファイルはテーブルデータをループし、最大値に従って各線の最大値を設定しています. グラフ作成の目的で raphaeljs を使用することを考えている人には、代わりにGraphaelを使用することをお勧めします。

本当に修正したい場合は、サンプル ファイルの raphael_linechart の 366 行目を次のように変更します。

max = this.max,

次に、データを取得する関数を追加し、 this.max 変数をすべてのデータの最大値に変更します。

changeMaxValue: function(id) {
    var table = helpers.loadTableData(id);
    var max = Math.max.apply(Math, table.data);
    if(max > this.max) {
        this.max = max;
    }
},

実際に線をグラフ化する前に、各テーブル データの ID を渡します。私はこれをテストしなかったので、ねじれを解決する必要があります。