Javascript Flot：绘制滚动1小时图表

我有这段代码来绘制一个图表，它以5秒的间隔被调用。如何将X轴设置为滚动1小时期间的绘图

/**
 * Plot chart from retrieved quote data.
*/
function plotData() {
for(var i = 0; i < Quotes.length; ++i) {
    if(dataSets[i].length == 7) dataSets[i].shift();
    var timestamp = new Date().getTime();
    dataSets[i].push([timestamp, Quotes[i].unitprice]);
}
var data = [];
for(var i = 0; i < Quotes.length; ++i) {
    data.push({label: Quotes[i].stock, data: dataSets[i]});
}

$.plot('#livetrades-chart', data, 
{ xaxis: { axisLabel: 'Time',  axisLabelUseCanvas: true, 
  mode: 'time', timeformat: '%d/%m/%Y %H:%M:%S', timezone: TIME_ZONE },
  yaxis: { axisLabel: 'Stock Price', axisLabelUseCanvas: true, tickDecimals: 2 } 
});

/**
*从检索到的报价数据绘制图表。
*/
函数plotData（）{
对于（变量i=0；i

}

谢谢。

演示滚动数据，每次添加新点时，最旧的点都会从阵列中移出。你想做的基本上是一样的，除了时间轴

编辑：我还是不明白问题是什么；您的屏幕截图显示一个时间轴，如果您的数组中有一小时的数据（与显示的五秒相反），那么它将在轴上显示一小时

---

我想您可能对必须以某种方式配置x轴感到困惑。您没有：如果您提供的数据的x值间隔为一小时，则轴将适合匹配它。如果您希望刻度只显示H:M:S而不是Y/M/D，那么您可能需要调整的唯一一件事就是时间格式（有关更多信息，请参阅文档部分）选项。

根据DNS的建议，您的提示是如何设置flot以同时更新xaxis

下面是针对该场景的运行提示。

---

因此，如果长度为7，则将

从第一个点移开。这不应该是
（每小时3600秒/5秒的间隔）=720分
给你一个“滚动”小时吗？听起来不错。非常感谢。但是我如何设置这个滴答声呢？是minTick吗，maxTick？你想让蜱看起来怎么样？你能给我们看看你要找的东西的模型吗？谢谢，我已经设法做到了；但时间轴是我的问题-希望开始和结束周期为1小时。@SamSaint Pettersen，如果数据数组只包含1小时的数据，则flot将只显示1小时。你想用某种方式格式化它们吗？像这样：X轴：（第一点）现在时间。。。从现在起1小时（第7点），是的，格式。我知道我的问题不是很清楚。对此我很抱歉。正如马克所说，如果你有一个小时的数据，你应该在x轴上看到一个小时的范围。你看到的和你想要的有什么不同？我已经更新了我的答案，但是截图并没有真正帮助澄清实际问题是什么。你似乎已经把一切都搞定了；它没有显示一个小时的唯一原因是因为你只生成了五秒钟的数据，就是这样。非常感谢。