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

Highcharts adding array of variable to series

本文关键字：添加 变量 数组 Highcharts      更新时间：2024-03-21

我是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'];

这些示例变量将来可能会增加，所以我希望它是动态添加的。我不知道如何通过循环或任何其他方式添加它。

如何将其添加到系列中？

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

希望这些能有所帮助。

相关文章：