javascript gantt chart - 按日/小时/分钟计算数据

时间:2013-04-29 03:10:24

标签: javascript jquery gantt-chart

我想使用来自第三方调度软件的数据来生成用于在网页上显示工厂调度数据的甘特图或时间线类型图。要求包括

  • javascript / html(5)/ css解决方案(如果可能,不闪光)
  • 主要用于甘特图/时间轴类型图表,但其他图表类型可能很有用
  • 基于jquery或原型(如果可能)
  • 时间尺度应该允许小时/分钟 - 这对于安排人工/机械很重要。 (5分钟的间隔可能 足够了)
  • 开源或低成本
  • 不想不必自己推出解决方案

我可以使用PHP和javascript引入数据并对其进行操作。我查看了一些软件包(这里总结最多 - Gantt Chart online),但是在表示小时和分钟的时间方面,大多数软件似乎都很弱。 jQuery.Gantt看起来是最好的解决方案,尽管它似乎缺乏在几分钟或几小时内显示清晰间隔的能力。

是否有人使用包来满足这些要求,或者能够克服jquery.gantt的限制?

感谢

例子。在这个jquery.gantt渲染中,无法确定是否应该在16:10或16:15开始工作。 enter image description here

4 个答案:

答案 0 :(得分:5)

查看dhtmlxGantt,一个开源(GPL)JavaScript甘特图。它具有可自定义的时间刻度,因此您可以显示小时/分钟刻度,并支持与jQuery轻松集成。

(免责声明:我为DHTMLX工作)

答案 1 :(得分:4)

RadiantQ jQuery Gantt Package是实现您的要求的理想选择。它使用原生HTML5构建,支持小时,分钟和自定义时间刻度类型。

您可以使用大量功能和自定义选项,在时间线上绘制任何信息。

您可以轻松绑定到任何JSON或其他类型的数据,也可以使用像KO这样的MVVM模式。

查看在线演示here

答案 2 :(得分:2)

我也用jQuery.Gantt开始了一个项目。我遇到了同样的不便,后来我找到了这个。希望这会有助于其他人:

angular-gantt

我还没有尝试过生产或大数据集。该库的好处在于它的MIT许可,这意味着您可以在商业解决方案中使用它。

答案 3 :(得分:1)

是否还有其他人仍在寻找具有精细时间尺度(分钟秒)的甘特图表库? 我发现Google Charts Gantt Google TimeLine Chart非常有用(尽管他们称之为TimeLine图表)

另一个免费使用带有甘特图的Javascript图表库是Amcharts