Отобразите мои собственные данные в виде временной шкалы в Google Chrome

Question

Есть ли способ отобразить мои данные на графике шкалы времени, как в инструментах разработчика Google Chrome?

У меня есть список вещей, которые происходят последовательно во времени (мс), например:

   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 столбца - это время, когда камеры получают изображения, последний столбец указывает, когда двигатель начинает двигаться.

Мне известен этот ответ, где кто-то реализовал нечто подобное:

Есть ли способ создать простую временную шкалу с помощью Google Charts?

Но это выглядит не так хорошо.

Кто-нибудь проверял временную шкалу Google, рисуя код HTML и CSS, и извлекал ее в отдельный шаблон, который я мог бы легко использовать для рисования своих графиков в (статическом) HTML5?

Answer 1

jqPlot не является плохим решением, которое позволяет получить именно такой график.Этот вопрос помечен как «css», в этом решении используется чистый JavaScript без большой нагрузки.