Highcharts将变量数组添加到系列中

Question

我是jquery / javascript和highcharts的新手。我很难搜索并思考如何在系列中添加一组数据。

我的意思是，我有点像这样的数据

var data1 = [1,2,3,4,5,6,7,8]
var data2 = [3,4,5,6,7,8,9]
var data3 = [2,4,5,6,7,8,9,1]

var dataNames = ['test1','test2','test3'];

这些样本变量将来可能会增加，所以我希望它能够动态添加。我不知道如何通过循环或任何其他方式添加此内容。

如何将其添加到系列中？

Answer 1

Highcharts有一组API调用来对图表进行动态更改，包括添加点和设置系列数据。

他们给出的一个例子是：

    chart.series[0].setData([129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4] );

http://api.highcharts.com/highcharts#Chart.addSeries()

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-setdata/

在您的情况下，您可以使用

chart.series[0].setData(var1);
chart.series[1].setData(var2);
chart.series[2].setData(var3);

另一种方法是逐点添加数据（http://api.highcharts.com/highcharts#Series.addPoint()）。如果动态数据一点一点地到达而不是一次性到达，这将更有用。

如果你不知道你将拥有多少个系列，你也可以使用chart.addSeries（http://api.highcharts.com/highcharts#Chart.addSeries()）动态创建它们。这将允许您设置所有系列选项，包括dataNames数组中的名称。

希望其中一些有用。