在 Highcharts 中隐藏关于传奇悬停的链接系列

Posted 2023-02-16

【中文标题】在 Highcharts 中隐藏关于传奇悬停的链接系列

【英文标题】：Hide linked series on legend hover in Highcharts

【发布时间】：2018-03-24 01:23:19

【问题描述】：

根据http://api.highcharts.com/highcharts/series.line，通过链接两个系列，“切换其可见性也会切换链接的系列”。

当链接两个系列时，我希望它们在悬停图例项时都被激活。这不适用于此设置

Highcharts.chart('container', 
  title:  text: 'Linked Series',
  series: [
    id: 2,
    data: [3, 1, 3, 2]
  , 
    id: 0,
    data: [2, 3, 2, 1]
  , 
    id: 1,
    linkedTo: 2,
    data: [1, 2, 1, 3]
  , ]
);

如何确保所有链接的系列同时悬停。

https://fiddle.jshell.net/papa_bravo/oxbm6mke/

【问题讨论】：

前段时间被报道并标记为增强，因此在未来的版本中会出现这种改进：github.com/highcharts/highcharts/issues/4521。

【参考方案1】：

这似乎是 Highcharts 中的一个小错误；如果ids 是数字，则通过单击图例关闭可见性将无法正常工作。如果你将ids 转换为 stings 就可以了

Highcharts.chart('container', 
  title:  text: 'Linked Series',
  series: [
    id: '2',
    data: [3, 1, 3, 2]
  , 
    id: '0',
    data: [2, 3, 2, 1]
  , 
    id: '1',
    linkedTo: '2',
    data: [1, 2, 1, 3]
  , ]
);

https://fiddle.jshell.net/oxbm6mke/6/

编辑：实际上这不是错误。根据documentationlinkedTo必须是字符串。