javascript甘特图-按天/小时/分钟绘制数据[关闭]答案

【问题标题】：javascript gantt charts -charting data by day/hour/minutes [closed]javascript甘特图-按天/小时/分钟绘制数据[关闭]
【发布时间】：2013-04-29 03:10:24
【问题描述】：

我想使用来自第三方调度软件的数据来制作甘特图或时间线图，以便在网页上显示工厂调度数据。要求包括

javascript/html(5)/css 解决方案（如果可能，不要使用 Flash）
主要用于甘特图/时间线类型图表，但其他图表类型可能有用
尽可能基于 jquery 或原型
时间尺度应该允许小时/分钟 - 这对于安排劳动力/机械很重要。（间隔 5 分钟可能足够了）
开源或低成本
不希望自己推出解决方案

我可以引入数据并使用 PHP 和 javascript 对其进行操作。我查看了一些包（此处总结最多 - Gantt Chart online），但大多数包在以小时和分钟表示时间方面似乎很弱。 jQuery.Gantt 看起来是最好的解决方案，尽管它似乎无法清楚地显示以分钟或几小时为单位的时间间隔。

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

谢谢

例子。在这个 jquery.gantt 渲染中，无法确定工作应该在 16:10 还是 16:15 开始。

【问题讨论】：

查看这个 StackOverflow 线程，总结了一些不错的选项。 stackoverflow.com/questions/9085614/…

标签： javascript jquery gantt-chart

【解决方案1】：

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

（免责声明：我为 DHTMLX 工作）

【讨论】：

我检查了这个网址。但甘特图仅获得许可。请问你能清除这个吗
dhtmlxGantt 也有 GPL 版本，请查看dhtmlx.com/docs/products/dhtmlxGantt/#editions-licenses
因为在阅读GPL license details的时候，我还是不太明白，所以在这里想问一下：商业项目使用GPL版本的库是否合法？

【解决方案2】：

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

拥有大量功能和自定义选项，您应该能够在时间线上绘制任何信息。

您可以轻松绑定到任何 JSON 或其他类型的数据，还可以使用 KO 等 MVVM 模式。

看看那个在线演示here。

【讨论】：

看起来很强大。我的需求更多只是显示现有数据，而不是整个在线应用程序。我不确定 Radiant 是否支持这一点。 700-1400 美元的价格标签并不是完全免费的，但仍然比我们自己开发便宜得多。
请注意，该包有 2 个 jQuery 甘特图小部件，可配置为显示您的数据。上面的链接是一个在线演示页面，旨在说明甘特图中可用的不同功能。您只会将小部件集成到您的页面中并使用您的数据填充它。

【解决方案3】：

还有其他人在寻找这样一个具有精细时间尺度（分钟-秒）的甘特图库吗？我发现 Google Charts Gantt Google TimeLine Chart 非常有用（虽然他们称之为 TimeLine 图表）

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

【讨论】：

【解决方案4】：

我也用jQuery.Gantt 开始了一个项目。我遇到了同样的不方便，后来我找到了这个。希望这对其他人有所帮助：

angular-gantt

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

【讨论】：