css - 在 Google Chrome 中将我自己的数据绘制为时间线

Question

有没有办法像在谷歌浏览器的开发者工具中那样在时间线图中绘制我的数据？

我有一个按时间顺序（毫秒）发生的事情的列表，如下所示：

   300    333    367    400    402 
   433    467    500    533    536 
   566    600    633    666    669 
   700    733    766    799    802 
   833    866    907    933    943 
   966    999   1033   1066   1076 
  1099   1132   1166   1199   1210 
  1232   1266   1299   1332   1343 
  ...

前 4 列是相机获取图像的时间，最后一列表示电机开始移动的时间。

我知道这个答案，有人实现了类似的东西：

有什么方法可以用谷歌图表创建一个简单的时间线？

但它看起来不太好。

有没有人检查过谷歌的时间线绘制 HTML 和 CSS 代码并将其提取到一个独立的模板中，我可以很容易地用它来将我的图绘制到（静态）HTML5 中？

Answer 1

jqPlot不是一个糟糕的解决方案，它实现了这种精确的绘图图。这个问题被标记为“css”，这个解决方案使用纯javascript，没有很多负载税。