2016-10-14 5 views
1

2つのグラフ/シリーズの単位が異なるグラフがあります。したがって、y軸は異なり、極値はお互いに別々に計算されます。ハイチャート:異なる単位の2つのデータ系列に対して、y軸の極限を同じにする

Highchartsにと同じ目盛りを使用する方法は、すべてのグラフ/シリーズにわたって異なる単位にもかかわらずですか?

以下はチャートです。関連するy軸は、例として右のものです。単位は異なります:「W/m^2」と「kW/kWp」ですが、縮尺を同じにしたいと思います。

enter image description here

もちろん、一つの方法は、手動のアプローチを次のようになります。私のコントローラでは、すべてのデータ系列を通過すると、すべてのデータ系列の全体的な最小値と最大値をチェックし、その後経て、手動で両極端を適用します

chart.yAxis[i].setExtremes(min, max) 

しかし、これを達成するために、ハイチャートに設定オプションのような方法があるかどうかは疑問でした。 これまでの文書では何も見つかりませんでした。

ありがとうございました。

+0

(あなたはすでに答えを持っているので)、彼らは同じスケールであることをつもりなら、なぜ最初の場所で2つの軸を有するわざわざ?冗長な情報のために余分なスペースがたくさんあるようです。 – jlbriggs

+0

ユニットのラベルが異なるためです。 "W/m2"対 "kW/kWp"。これは1軸では解決できません。 –

+0

伝説ですか?各行の最後のラベル?明らかにあなたのために働くものは行いますが、1つの軸では解決できないということは理にかなっていません。余分な軸全体のスペースを占有しています。ラベルの場所を作る以外の目的はありません。完全に冗長な第2の軸を構築することなく、ラベルを適用することができます。 – jlbriggs

答えて

2

これを達成するためのオプションがあります。 linkedToプロパティを使用して、ある軸を別の軸にリンクできます。 APIから

linkedTo:この軸がリンクされていることを他の軸の数

インデックス。軸がマスタ軸にリンクされている場合、マスタと同じ極値をとりますが、minまたはmaxまたはsetExtremesによって割り当てられます。追加情報を表示したり、スケールを複製してチャートを読みやすくするために使用することができます。

http://api.highcharts.com/highcharts/yAxis.linkedTo

例:http://jsfiddle.net/n8tokqru/

yAxis: [{ 

    }, { 
     linkedTo: 0 
    }], 
+0

ありがとう、完璧! –

+0

極端なyAxis 0が極小値と極値を持っている場合は正常に動作します。すべてのデータがグラフに表示されます。今すぐリンクする軸を把握するだけです。可視領域にすべてのグラフを表示したいので、すべての軸の最小/最大極値を最初にチェックし、極小/極値の極小を選択する必要があります。 (たとえば、jsfiddleでデータ配列を切り替えると、両方のグラフが可視領域に表示されるわけではありません)。しかし、このlinkedToメソッドへのヒントは既に非常に役立ちます。 –

+1

この場合、質問に記載されている最小値と最大値が必要です(例:このようにhttp://jsfiddle.net/n8tokqru/1/ - これを実行するとアニメーションが変更されますが、これはチャートが初期化される前に行うこともできます。 – morganfree

関連する問題