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列是相机获取图像的时间， 最后一列表示电机何时开始移动。

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

Any way to create a simple timeline with Google Charts?

但它看起来不太好。

有没有人检查过 Google 的时间轴绘制 HTML 和 CSS 代码并将其提取到一个独立的模板中，我可以轻松地使用它来将我的绘图绘制到(静态)HTML5 中？

Answer 1

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