jquery - 带有 jQ​​uery Flot 的折线图（修复开始时间）

Question

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

这是我创建的 图表图表链接

我的数据是这种形式

  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);
  //}
}

在这里更新了小提琴。