每分钟数据的{javascript图表库

时间:2015-08-04 22:57:13

标签: javascript ajax charts linechart chart.js

我正在寻找一个开源的java脚本库来完成一个时间序列的折线图, 每1分钟更新一次,并显示最后24小时, 例如:24 * 60 = 1440点将创建折线图, 我希望x-index为1h单位,例如现在是16:04,将是16:04(昨天) - 今天16:04。

数据集是:

16:04 - [value]

16:05 - [value]

...

00:02 - [值]

...

15:27 - [value]

...

16:04 - [value]

x 1440行记录

但索引必须在整个小时16:00,17:00,16:00, 以60分的分辨率.. 我需要图表用ajax更新每一分钟 每分钟旧记录(例如:昨天16:04)将被删除,新记录将被更新(16:05)。 (因此图表将显示为移动(可能有效))

我找不到任何能够制作那种图表的图书馆, 请帮助,之前有没有人实现过这种图表?

可以用chart.js完成吗?它需要是开源库。

谢谢分配!非常感谢!

编辑:

这是我到目前为止所得到的: http://jsfiddle.net/wbvwadkb/ 1

但是我对线标签有一个重大问题 - 它重叠并搞砸了......任何人都可以帮我编辑这个jsfiddle并修复标签吗?

我需要鼠标悬停标签 - 但只显示一个点...

感谢。

2 个答案:

答案 0 :(得分:1)

修复标签添加:

pointHitDetectionRadius : 0,

请参阅http://jsfiddle.net/hntsz4q8/的最后一行

答案 1 :(得分:0)

您可以将图表J用于AngularJS。间隔呼叫您的api以更新您的数据。 可能很好地展示一些代码。