HighStock - 动态添加系列到导航器

时间:2017-07-12 08:32:49

标签: javascript highcharts highstock

我在HighStock图表中使用了AddSeries方法,我希望添加的系列也会出现在导航器中。

在HighStock AddSeries方法的文档中,描述了这是不可能的: http://api.highcharts.com/highstock/Chart.addSeries

  

在启用了导航器的StockChart中,无法动态添加基本系列

我想问一下这是否有解决方法?这是一个即将推出的功能,还是有充分理由说明为什么系列没有添加到导航器?

我能想到的唯一解决方法是销毁整个图表并使用旧系列和新系列创建一个新图表。这看起来有点像hacky,我宁愿只使用AddSeries方法,因为我觉得它更有意义。

谢谢:)

修改

我发现(在GrzegorzBlachliński的帮助下)如果类型 line(这是默认值),它就有效。我没有提供type属性,这就是它无法正常工作的原因。仍然不明白为什么line让它破裂。

//Solution:
chart.addSeries({
    name: 'name',
    type: 'area',
    color: 'red',
    yAxis: 'nameOfYAxis',
    data: data,
    showInNavigator: true
});

非常感谢GrzegorzBlachliński:)

1 个答案:

答案 0 :(得分:3)

我认为在您的情况下,您应该能够使用showInNavigator选项将系列添加到图表和导航器中。您可以在Highcharts API中找到有关showInNavigator的更多信息:

http://api.highcharts.com/highstock/plotOptions.series.showInNavigator

chart.addSeries({
  data: data2,
  showInNavigator: true,
});

向导航器添加系列的实例: http://jsfiddle.net/g51L5mpL/4/