Highchart - 使用链接更改数据系列

Question

我有一个包含数据系列的图表（比如在不同国家种植的西红柿的数量和价格），现在我想将数据系列更改为葡萄的数量和价格。

+--------------+
|              | TOMATOES [ SELECTED ]
|    CHART     | GRAPES
|              | RICE
+--------------+

当然，我可以链接到新页面（grapes.html）或使用iframe。我最好能加载一个新的数据系列。

示例小提琴：http://jsfiddle.net/MAYO/cm5roecm/1/

编辑：根据评论：http://jsfiddle.net/MAYO/cm5roecm/4/

Answer 1

如果我理解正确，这应该很容易实现。

这是我使用series.setData()方法根据选择列表更新系列数据的旧示例的更新：

• http://jsfiddle.net/jlbriggs/jEGUF/

它依赖于将数据系列预定义为数组数组，但也可以很容易地适应通过ajax加载新数据。

还有series.update()方法，series.remove()和chart.addSeries()方法都可以用来完成此任务。