2017-01-19 10 views
0

yAxisの十字線を有効にしたときに定義された最後のシリーズのみが十字線を取得するようです。私はすべての人が十字架に暮らしたいと思っています。複数のシリーズの水平十字線

(..そして、彼らはまた、シリーズとして)、色(または好ましくは暗いバリアントを持っていた場合、私は大好きだ。)

答えて

1

あなたはシリーズごとにy軸を作成することができ、最初の1にそれらの付加軸をリンク各軸に特定の十字線を定義し、次に特定の軸とシリーズをリンクすると、シリーズごとに個別のカスタマイズ可能な十字線が得られます。

Highcharts.chart('container', { 
    yAxis: [{ 
     gridLineWidth: 0, 
     crosshair: { 
     width: 2, 
     color: Highcharts.getOptions().colors[0] 
     } 
    }, { 
     linkedTo: 0, 
     crosshair: { 
     width: 2, 
     color: Highcharts.getOptions().colors[1] 
     }, 
     visible: false 
    }], 

    tooltip: { 
     shared: true 
    }, 

    series: [{ 
     data: data.slice() 
    }, { 
     yAxis: 1, 
     data: data.reverse() 
    }] 
}); 

例:http://jsfiddle.net/absuLu6h/

+0

これは動作しますが、どのように第2のY軸は最初のy軸の範囲内にない値を持つケースを扱うのですか?たとえば、元の例をhttp://jsfiddle.net/j5rpa5fr/にフォークしました。 2番目のシリーズは最初のシリーズの範囲外の値を持ち、結果はそれほど気に入らない。 – Peter

+0

2番目の軸は最初の軸にリンクされているため、2番目の軸は最初の軸と同じ極値を持ちます。あなたはリンクを無効にすることができますし、両方の軸は、シリーズに応じて適切な極限を持っています - http://jsfiddle.net/j5rpa5fr/1/ – morganfree

+0

私は最初の軸にリンクを解除することができますが、最初の軸へのリンクは全体のポイント運動の あなたの練習では、2番目のグラフは最初のグラフのyaxisと一致しないため、2つのグラフが互いにオーバーレイする方法は数値にはなりません(1つのy軸ラベルを表示するだけです) – Peter