当使用Meteor 0.8.0时,如何在新数据到达时更新flot图表?我查看了Meteor-flot中的示例,但它是通过页面上的计时器使用虚假数据进行更新,而不是来自集合的反应性数据。
到目前为止,我有类似以下内容:
这对于初始渲染非常有效,但是不确定如何在新数据到达时更新图表,每5分钟左右会有一次。那么当新数据到达时如何调用plot.setData(newData)和plot.draw()呢?
到目前为止,我有类似以下内容:
// returns an object with a label and an array of timestamp, value
// like { label:'test', data:[[1397605016000, 1332],[1397605616000,1356],[1397606216000,1380]]}
Template.example.helpers({
readings: function(){
DataReadings.find();
}
});
Template.example.rendered = function() {
$.plot ($("#flot"), [this.data.data], {
series: {
lines: {
show: true
},
points: {
show: true
}
},
xaxis: {
mode: 'time',
timeformat: '%H:%M'
}
});
};
这对于初始渲染非常有效,但是不确定如何在新数据到达时更新图表,每5分钟左右会有一次。那么当新数据到达时如何调用plot.setData(newData)和plot.draw()呢?