javascript - 使用 javascript 在浏览器中使用折线图可视化日期特定数据

Question

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

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

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

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

这里有一些示例值:

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

请参阅此处的 js-fiddle，以及一些更好的示例数据:

http://jsfiddle.net/JWhmQ/1992/

Answer 1

我个人更喜欢 Google Chart API。他们有很好的日期格式支持:see Chart API Date Format Docs . API 的好处在于，一旦您拥有 JavaScript 日期格式，Google 图表 API 就知道如何排序，并且还可以根据本地化/格式偏好更改日期格式。

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