JQuery 进程时间线

Question

我正在寻找流程时间表。 CSS 或 JQuery。

在时间轴中，我想展示 Cronjobs、XML 导入、数据导出等流程。 时间线应该有开始时间、长度和标题（可能是组）。 有些进程可以每小时启动两次。有些可以每月启动一次。

时间线的任务 - 能够查看流程未使用哪些时间点。

我已经搜索了很多类似的东西，但没有成功。 我在这里找到了类似的东西： http://stoicloofah.github.io/chronoline.js/ 但它不能以第二精度显示数据。

Answer 1

我找不到任何显示第二准确度的脚本。所以我使用了chronoline.js 脚本。我对秒问题的解决方案是：将计算出的长度添加到“标题”中，这样​​我就可以看到将鼠标悬停在时间轴对象上时过程持续了多长时间。

代码：

'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，易于编辑。

如果您发现更好的东西，请告诉我。谢谢。