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

时间:2013-07-09 09:41:23

标签: javascript highcharts

我想在高级图表中链接一对系列,以便点击图例中的任何一个都可以打开/关闭对中的一对。

例如,in this fiddle,如果我点击图例中的1A,我希望它也会关闭2A,但保持1B2B不受影响。点击2A也应该关闭1A,即链接应该双向工作。

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

2 个答案:

答案 0 :(得分:11)

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

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

答案 1 :(得分:4)

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

我有一个正在运行的示例in this jsFiddle

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

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