2013-06-26 3 views
2

Я ищу временную шкалу процессов. CSS или JQuery.JQuery Processes timeline

В шкале времени я хочу показать процессы, такие как Cronjobs, импорт XML, экспорт данных и т. Д. Временная шкала должна иметь время начала, длину и название (возможно, группу). Некоторые процессы могут запускаться два раза в час. Некоторые могут запускаться один раз в месяц.

Миссия временной шкалы - возможность видеть, какие точки времени не используются процессами.

Я много искал для чего-то подобного, но без успеха. Нечто подобное я нашел здесь: http://stoicloofah.github.io/chronoline.js/ Но это не дает возможность отображать данные со второй точностью.

ответ

0

Я не мог найти сценарий, который показывает со второй точностью. Поэтому я использовал сценарий chronoline.js. Моей проблемой для секунд было: добавить вычисленную длину в «title», чтобы я мог видеть, как долго длился процесс, зависящий от объекта временной шкалы.

Код:

'start': new Date(<?php echo date("Y,m,d,H,i,s",$item['start_time']) ?>), 
'end': new Date(<?php echo date("Y,m,d,H,i,s",$item['finish_time']) ?>), 
'content': '<div class="content_title_b" title="<?php echo $item['title'];?> - <?php echo $item['length'];?> sec."><?php echo $item['title'];?></div>' 

Сценарий довольно прост и имеет некоторые хорошие "черты".

  • Уменьшение/уменьшение масштаба при прокрутке по временной шкале;
  • Имеет собственный CSS, который легко редактируется.

Сообщите мне, если вы нашли что-то лучшее. Благодарю.

+0

Это единственное решение, которое вы нашли, бро? –

+0

Да. Есть ли лучшие идеи? бро. –

+0

Я исследовал некоторые другие библиотеки, но в конце создал свое собственное решение с таблицами и colspans. –