带有jQuery Flot的折线图（修复开始时间）

Question

我用jQuery Flot创建了一个条形图。它是一个实时图表，以当前时间开始并随时间更新。我想更改此图表的x轴，以便开始绘图时开始时间不会消失，并且在x轴上有太多时间间隔后会进行一些缩放。

以下是我创建的图表Chart Link

我的数据是这种形式的

  function GetData() {
        var fast = parseInt(msg[1]);
    var ok = parseInt(msg[2]);
    var slow = parseInt(msg[3]);
    var data = [
           {label: "Fast", data:fast},
           {label: "OK", data:ok},
           {label: "Slow", data:slow}
    ];
        return data;
  } 

任何人都可以帮帮我吗？

谢谢

  Click on "Chart Link" to see the running chart

Answer 1

在GetData中，只需删除数据的“移位”：

// I commented out 3 lines!
function GetData() {
  //data.shift(); 
  //while (data.length < totalPoints) {     
    var y = Math.random() * 100;
    var temp = [now += updateInterval, y];
    data.push(temp);
  //}
}

更新了小提琴here。