凡例のいずれかをクリックすると、ペアの両方がオン/オフになるように、ハイチャートでシリーズのペアをリンクしたいと思います。
たとえば、この fiddleでは、凡例をクリックすると1A
、凡例もオフにして影響を受けないようにしたいと思います。クリックもオフにする必要があります。つまり、リンクは双方向で機能する必要があります。2A
1B
2B
2A
1A
これを達成する方法はありますか?
凡例のいずれかをクリックすると、ペアの両方がオン/オフになるように、ハイチャートでシリーズのペアをリンクしたいと思います。
たとえば、この fiddleでは、凡例をクリックすると1A
、凡例もオフにして影響を受けないようにしたいと思います。クリックもオフにする必要があります。つまり、リンクは双方向で機能する必要があります。2A
1B
2B
2A
1A
これを達成する方法はありますか?
linkedTo
Highcharts のオプションを使用することもできます。http: //jsfiddle.net/GCqsf/4/を参照してください。
制限が 1 つだけあります。リンクされたシリーズは凡例に表示されないため、おそらくあなたの例に最適ではない可能性があります。Highcharts 3.0.7 以降series.showInLegend = true
、リンクされた系列を凡例に表示するように設定できます。
イベントを処理しlegendItemClick
、特に「姉妹」シリーズを非表示 (および表示) する必要があります。
この jsFiddle に実行例があります。
links
特定のシリーズの「姉妹」シリーズを取得する簡単な方法として変数を使用していることに注意してください。
id
また、各シリーズに を追加したことにも注意してください。これによりchart.get()
、ID を指定するとシリーズが返されます。