javascript 中的 Highchart 系列更新 [英] Highchart series update in javascript
问题描述
我正在尝试通过使用数据库中的当前数据生成一个新数组来更新 Highchart 系列.但出于某种原因,我一次只能找到有关浏览数据的信息.创建图表后,它只会再次重新运行相同的代码,因此标签等不会更改 - 只有 [pointStart] 和 [data] 更改.
I'm trying to update a Highchart series by generating a new array with the current data from the database. But for some reason I can only find info about going through the data one at a time. Once a chart is created, its only re-running the same code again so the labels etc don't change - only the [pointStart] and the [data] change.
有没有办法将所有数据作为一个整体进行更新?我也没有设法让 for 循环正常工作.
Is there a way to update all the data as a whole? I also haven't managed to get a for loop to work correctly.
function generateSeries(data){
var cData = [];
var rollup = data.rollupData;
cData['type'] = 'line';
cData['pointStart'] = convertDateTime(data.lastMinute);
cData['pointInterval'] = 60 * 1000;
for(var i in rollup){
var x = new Array();
var v = rollup[i].rttSystem;
switch(v){
case('line'): var vn = ' (L)'; break;
case('node'): var vn = ' (N)'; break;
case('module'): var vn = ' (M)'; break;
default: var vn = '';
}
x['name'] = rollup[i].rollupName + vn;
x['data'] = rollup[i].kpiData;
cData.push(x);
}
return cData;
}
数组的输出看起来像 [0: ['name': 'California', 'data': [0.002, 0.003 ...],1: ['name':'Oklahoma', 'data':[0.001, 0.002 ...], 'type': 'line', 'pointStart':'','pointInterval':60 * 1000]
the ouput of the array looks like [0: ['name': 'California', 'data': [0.002, 0.003 ...],1: ['name':'Oklahoma', 'data': [0.001, 0.002 ...], 'type': 'line', 'pointStart':'','pointInterval':60 * 1000]
var chart = new Highcharts.Chart({
chart: {
...
},
series: generateSeries(data)
}, function(chart){
setInterval(function(){
var newSeries = generateSeries(data);
// Udate the series again with the current data
},60000);
}
});
更新:这是系列,但不是 pointStart.
Update: this does the series but not the pointStart.
if(chart.series.length > 1){
var s = 0;
for(var i in newSeries){
chart.series[s].setData(newSeries[i].data);
chart.series[s].pointStart = newSeries[i].pointStart;
s++;
}
}else{
chart.series[0].setData(newSeries[0].data);
chart.series[0].pointStart = newSeries[0].pointStart;
}
推荐答案
为了更新图表,我通常这样做:
To update a chart I usually do this:
chart.series[0].update({
pointStart: newSeries[0].pointStart,
data: newSeries[0].data
}, true); //true / false to redraw
尝试在更新后调用重绘.
Try calling redraw after the update.
这篇关于javascript 中的 Highchart 系列更新的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!