JavaScript Loop to setData method



我想动态更新折线图中每个系列的数据(Highcharts.js)。目前,我通过使用 setData 方法手动将新数据传递给序列来做到这一点:

$(document).ready(function() {
$(chart_id).highcharts({
chart: chart,
title: title,
credits: credits,
xAxis: {},
Axis: yAxis,
legend: legend,
series: series
 });
   var chartz = $(chart_id).highcharts();
   $('#data-labels').click(function () {
    chartz.series[0].setData([129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4,25,29],true,true,true);
    });

我想做的是更新:

chartz.series[i]

每个系列的索引在哪里(我有大约 36 个,并且一直在添加新的索引)

如何编码和实现一个计算系列长度并传递到series[i].setData变量中的javascript for loop?我对 JavaScript 非常缺乏经验,所以我真的不确定从哪里开始或在哪里放置这个函数?我猜它会看起来像这样(我<是伪代码):>

for (var i = 0; i < "series length + 1"; i++)

尝试:

for (var i = 0; i < chartz.series.length; i++) {
    chartz.series[i].setData(DATA);
});

最新更新