javascript - 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 数组中的名称。

希望其中一些有所帮助。