使用hightchart

Question

我遇到如下hightcharts的问题，我底部有3个按钮，分别是MGO，RMG380和RMG500。当点击MGO和RMG380的按钮时，它会显示相应的折线图，如何使按钮RMG500点击以显示折线图以及RMG380的折线图？

Link as below - http://jsfiddle.net/wL8d7x7u/

Answer 1

您可以查看http://jsfiddle.net/wL8d7x7u/5/。

我想当你选择RMG500时，你要求显示RMG500和RMG380这两行。

为此，我刚刚在系列事件函数中添加了一个代码。

if(this.name=='RMG500'){
  var index =  _.findKey(this.chart.series,
                   function(o) {return o.name === 'RMG380'});
    this.chart.series[index].show();
   }

我使用 lodash 库来查找＆＃39; RMG380＆＃39;在系列数组中。 拥有该索引之后，我就在其上调用了show（）。

要使用lodash库，您需要导入它，请参阅Lodash。我添加了它的CDN，请参阅html文件中的脚本。

但是，如果您不想使用lodash，那么只需迭代this.chart.series并获取其密钥即可。或者，如果您想要点击RMG500显示所有系列，那么只需遍历 this.chart.series 并在每个系列上调用 show（）。