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

Question

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

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

这是计划，我如何获得数据：

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

这里有一些示例值：

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

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

score 2 · Accepted Answer

我个人偏爱 Google Chart API。他们有很好的日期格式支持：见 Chart API Date Format Docs。API 的好处是，一旦你拥有 JavaScript 日期格式，谷歌图表 API 就知道如何排序，并且还可以更改日期格式以进行本地化/格式化偏好。

对源 JSON 的唯一要求是将时间戳转换为日期对象。在 PHP 中，我会为日期对象的每个部分做一个日期（'Y'，$timestamp）等。有关日期对象格式，请参阅 W3 学校

score 1 · Accepted Answer

看看这个 flot - 例如，它可以用 unix-timestamps 提供：

2 回答 2