2017-09-21 12 views
1

複数の系列が重複する可能性のある時間間隔のデータを表示する折れ線グラフの文脈では、
のA)チャートが重なっていることを示すヒントシリーズ?
)これらのシリーズをすべて視覚化する機能をユーザーに提供しますか?どういうわけか、シリーズにまたがっているの?折れ線グラフの重なり系列の最適な表示

答えて

0

グラフに重なっているシリーズがあることを示すいくつかの方法があります。そのうちの1つの半径をに増やすことができます。凡例要素の数は、そこにいくつのシリーズがあるかを示します。最後に、異なるtopheightのプロパティを持つ異なるyAxisにシリーズを配布できます。また、スタイルモードでは、凡例アイテムにマウスを移動すると、他のシリーズの不透明度が変更されます。

APIリファレンス:
http://api.highcharts.com/highcharts/plotOptions.line.marker.radius

例:
http://jsfiddle.net/whsgpdyw/から
http://jsfiddle.net/fuq6j4sg/マーカー半径を変更 - 折れ線グラフでシリーズを重ねるごとに異なるY軸

+0

オプションいただきありがとうございます。残念ながら、グラフのパフォーマンス低下のために、マーカーをオプションにすることはできません。 シリーズは2つの異なるyAxis間で計算され、分割されています。重複しているシリーズは同じyAxisにあるのがほとんどです。 しかし、私はyAxisのポジショニングが2番目の例で描写されていることを理解していませんでした。 yAxis割り当ての前にオーバーラップするシリーズを事前に決めておけば、オーバーラップするシリーズがすべて別のyAxisにあることを確認するために、より多くのyAxisをさまざまな方法で配置することができます。 –

1

上の各シリーズ、私は続けるだろう従来の折れ線グラフではなく、グラフの末尾にラベルを色の凡例で置きます。凡例とラベルは、ユーザーが情報をすばやく入手するのに役立ちます。

enter image description here

ラインエリアチャットすることができシリーズを重ねるための折れ線グラフの別バージョン。

だけ折れ線グラフ上で立ち往生されていない場合はenter image description here

、私は棒グラフをお勧めします。以下は、使用できるいくつかの例です。

例1: enter image description here

例2: enter image description here

例3:

enter image description here

関連する問題