Jquery Flot 不实时更新 x 轴

Question

我遇到了 jquery flot 的问题。

我想每 5 秒实时更新 x-axis。但是它只更新了x-axis一小段时间，之后就没有更新标签x-axis。

谁能帮我解释一下，为什么不更新？非常感谢。

这是我的 link 演示： This is my demo

Answer 1

您只定义一次 xaxis 刻度，并且在数据更改时永远不会更新它们。所以他们从你的图表向左移动。

将以下代码添加到您的 GetDataHour() 函数中，以便在您添加新数据时每小时添加新的报价：

if (now_hour - options_hour.xaxis.ticks[options_hour.xaxis.ticks.length - 1] === 3600000) {
  options_hour.xaxis.ticks.push(now_hour);
}

查看更新后的 fiddle 以获得完整代码。