jQuery javascript 甘特图 - 按天/小时/分钟绘制数据
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/16270678/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
javascript gantt charts -charting data by day/hour/minutes
提问by Mustapha George
I would like to use data from third party scheduling software to produce gantt or timeline type diagrams for displaying plant scheduling data on web page. Requirements include
我想使用来自第三方调度软件的数据来生成甘特图或时间线类型图，以便在网页上显示工厂调度数据。要求包括
- javascript/html(5)/css solution (no flash if possible)
- primarily for gantts/timeline type charts, but other chart types may be useful
- based on jquery or prototype if possible
- time scale should allow for hours/minutes - this is important for scheduling labor/machinery. (5 minute intervals might be sufficient)
- open source or low cost
- prefer not to have to roll my own solution
- javascript/html(5)/css 解决方案（如果可能，不要使用 flash）
- 主要用于甘特图/时间线类型图表，但其他图表类型可能有用
- 如果可能，基于 jquery 或原型
- 时间尺度应该允许小时/分钟 - 这对于安排人工/机器很重要。（5 分钟的间隔可能就足够了）
- 开源或低成本
- 宁愿不必推出我自己的解决方案
I can bring in data and manipulate it with PHP and javascript. I looked at a few packages (most summarized here - Gantt Chart online), however most seemed weak on representing time in terms of hours and minutes. jQuery.Gantt looked like the best solution, although it seems to suffer from lack of ability to display clearly intervals in minutes or fraction of hours.
我可以引入数据并使用 PHP 和 javascript 对其进行操作。我查看了一些包（最概括的在这里 -在线甘特图），但是大多数在以小时和分钟表示时间方面似乎很薄弱。jQuery.Gantt 看起来是最好的解决方案，尽管它似乎缺乏在几分钟或几小时内清楚地显示间隔的能力。
Does anyone use package for these requirements, or able to overcome limitations of jquery.gantt?
有没有人使用包来满足这些要求，或者能够克服 jquery.gantt 的限制？
thanks
谢谢
example. In this jquery.gantt rendering, it is not possible to determine if work should commence at 16:10 or 16:15.
例子。在这个 jquery.gantt 渲染中，无法确定工作应该在 16:10 还是 16:15 开始。
回答by Paul
Take a look at dhtmlxGantt, an open source (GPL) JavaScript Gantt chart. It has a customizable time scale so you can display hours/minutes scale, and supports easy integration with jQuery.
看看dhtmlxGantt，这是一个开源 (GPL) JavaScript 甘特图。它具有可自定义的时间刻度，因此您可以显示小时/分钟刻度，并支持与 jQuery 的轻松集成。
(Disclaimer: I work for DHTMLX)
（免责声明：我为 DHTMLX 工作）
回答by Karthi Keyan
RadiantQ's jQuery Gantt Packageis ideal for implementing your requirements. It's built using native HTML5, supports Hours, Minutes and custom time scale types are supported.
RadiantQ 的jQuery Gantt Package是实现您需求的理想选择。它使用原生 HTML5 构建，支持小时、分钟和自定义时间刻度类型。
Filled with a huge set of features and customization options, you should be able to plot any information on a timeline.
充满了大量的功能和自定义选项，您应该能够在时间轴上绘制任何信息。
You can easily bind to any JSON or other kinds of data and also use MVVM patterns like KO.
您可以轻松绑定到任何 JSON 或其他类型的数据，还可以使用 KO 等 MVVM 模式。
Take a look at that online demos here.
看看这里的在线演示。
回答by Hernando
I too started a project with jQuery.Gantt. I ran into the same inconvenient, and later I found this one. Hopefully this will help other people:
我也用jQuery.Gantt开始了一个项目。我遇到了同样的不便，后来我找到了这个。希望这会帮助其他人：
I have not tried it on production or big data sets though. The benefits from this library is that it's MIT licensed which means you can use it in a commercial solution.
不过，我还没有在生产或大数据集上尝试过。这个库的好处是它是 MIT 许可的，这意味着你可以在商业解决方案中使用它。
回答by Manmohan
Is anyone else still looking for such a Gantt chart library with granular timescales (Minutes-Seconds)? I found Google Charts Gantt Google TimeLine Chartquite useful (although they call it TimeLine chart)
是否还有人在寻找这种具有精细时间尺度（分钟-秒）的甘特图库？我发现 Google Charts Gantt Google TimeLine Chart非常有用（虽然他们称之为 TimeLine chart）
Another free to use Javascript chart library with gantt is Amcharts
另一个免费使用带有甘特图的 Javascript 图表库是Amcharts
