Dygraph - 我们如何通过发送一组数据点而不是整个数据系列来更新图表

Question

我想通过发送一组数据点而不是发送整个数据系列数组来更新实时数据，旧值应该会被自动删除。

Answer 1

这可以从图库示例开始完成 Dynamic Update

更新数据系列后调用updateOptions。

这里是一个展示如何添加新数据和删除最旧数据的片段网：

var data = [];
var t = new Date();
for (var i = 10; i >= 0; i--) {
    var x = new Date(t.getTime() - i * 1000);
    data.push([x, Math.random()]);
}

var g = new Dygraph(document.getElementById("graph"), data, {height:200});

window.setInterval(function() {
        var x = new Date(); 
        var y = Math.random();
        data.shift();
        data.push([x, y]);
        g.updateOptions( { 'file': data } );
      }, 1000);

<script src="https://cdnjs.cloudflare.com/ajax/libs/dygraph/1.1.1/dygraph-combined.js"></script>
<div id="graph" />

Dygraph - 我们如何通过发送一组数据点而不是整个数据系列来更新图表

Dygraph - how can we update chart by sending 1 set of data point, rather than the entire data series

javascript

charts

dygraphs