highcharts链接系列,以便关闭一个关闭另一个

Question

我想在highcharts中链接一对系列,以便单击图例中的任何一个都会打开/关闭对中的两个.

例如,在这个小提琴中,如果我点击1A图例,我希望它也会关闭2A但是离开1B并且2B不受影响.点击2A也应该关闭1A,即链接应该双向工作.

有没有办法实现这个目标？

Answer 1

您还可以使用linkedToHighcharts中的选项,请参阅:http://jsfiddle.net/GCqsf/4/

只有一个限制 - 图例中不显示链接系列,因此可能不适合您的示例.从Highcharts 3.0.7开始,您可以设置series.showInLegend = true在图例中显示链接系列.

Answer 2

您必须处理该legendItemClick事件并专门隐藏（并显示）“姐妹”系列。

我在此 jsFiddle有一个正在运行的示例。

请注意，我使用该links变量作为获取给定系列的“姐妹”系列的简单方法。

另请注意，我已向id每个系列添加了 ，以便chart.get()在给定其 id 时返回该系列。