如何在JQuery Flot上更新多个系列中的一个或两个系列

时间:2013-11-25 07:55:47

标签: flot

这是我第一次在项目中使用JQuery Flot,我遇到了多个系列的问题。

var data5 = [[0,10],[1,20],..];
var data6 = [[0,5],[1,25],..];

var series = [{data:data1},{data:data2},{data:data3},{data:data4},{label:"DATA A",data:data5},{label:"DATA B",data:data6}];

系列1-4是模板线和5& 6是可以随时更改数据的实线..

如何更新系列5& 6没有编辑其他系列?

1 个答案:

答案 0 :(得分:1)

  

如何更新系列5& 6没有编辑其他系列?

简短的回答是你没有。你重绘了所有的系列。起初,这似乎是对flot的限制,但它的速度非常快,刷新整个图表并不重要。

    // get current data from chart
    var someData = plot.getData();
    // take the second series and push on a new point
    someData[1].data.push([someData[1].data.length,Math.random() * 10]);
    // set the data back to the charts
    plot.setData(someData);
    // recalculate the axis
    plot.setupGrid();
    // redraw the plot
    plot.draw();

这是fiddle,每100毫秒更新一次图表。