Question

我想用折线图在浏览器中显示一些数据。在x轴应该有日期，在y轴应该有值。

我知道那里有一些javascript绘图解决方案。但特别适合日期特定的数据很难找到合适的解决方案。

这是方案，我如何获得数据：

[
   [
      startTimestamp,
      endTimestamp,
      value
   ],
   [
      startTimestamp,
      endTimestamp,
      value
   ]
]

这里有一些示例值：

[
   [
      1365163327,
      1365163339,
      0
   ],
   [
      1365163339,
      1365163360,
      1
   ]
]

请参阅此处的js-fiddle，其中包含一些更好的示例数据：

Answer 1

我个人偏好使用Google Chart API。他们有很好的日期格式支持：see Chart API Date Format Docs。关于API的好处是，一旦您使用JavaScript日期格式，谷歌图表API就知道如何排序，也可以更改本地化/格式化首选项的日期格式。

源JSON唯一需要添加的是将时间戳转换为Date对象。在PHP中，我会为日期对象的每个部分做一个日期（'Y'，$ timestamp）等。 See W3 Schools for Date Object format

Answer 2

看一下这个flot - 例如，它可以用unix-timestamps来填充：