javascript - 使用 flot.js 预填充数据后绘制实时条形图

标签 javascript charts flot

这是fiddle .

我想要实现的目标:

我想轮询服务器以获取数据,然后填充整个条形图。之后我想实时更新条形图(或者说每 1 分钟)。

这个site使用图表(在底部)非常类似于我正在尝试做的事情。 正如您所看到的,绘制了初始数据,然后图表更新了,但我对如何更新底部的刻度线感到困惑,因此原始数据滑向左侧。

我正在使用此处建议的方法:Realtime chart using flot jquery

我尝试过使用这个,但没有成功:

yaxis: { 
        ticks: [1,2,3] 
}

最佳答案

您需要更改plot_bot.getOptions().xaxes[0].min

这是一个example

关于javascript - 使用 flot.js 预填充数据后绘制实时条形图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21079401/

相关文章:

java - 如何在 GFlot 中使用十字准线

带有 flot 和 AJAX 导航的 jQuery Mobile

javascript - 在 Jquery 中获取同名表单元素的内容。访问对象的子对象

javascript - 在菜单中动态居中 Logo

charts - Google Visualization 是否会将您的数据发送给 Google?

javascript - 如何在谷歌表格图表上创建数据标签?

javascript - 中心位置CSS

javascript - 比较两个 JavaScript 语句——它们等价吗?

node.js - 如何在 Angular 2 和 Node JS 中更新 ng2-chartjs2 图表中的数据

python - 如何在 Flask 中使用 Flot 图表?