14

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

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.

Does anyone use package for these requirements, or able to overcome limitations of 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. enter image description here

Community
  • 1
  • 1
Mustapha George
  • 2,497
  • 9
  • 47
  • 79
  • 1
    See this StackOverflow thread, has a few good options summarized. http://stackoverflow.com/questions/9085614/gantt-chart-in-javascript-jquery-extjs – Roe Vlasse May 14 '13 at 20:38

4 Answers4

6

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.

(Disclaimer: I work for DHTMLX)

Paul
  • 1,656
  • 11
  • 16
  • 1
    i checked this URL. But Gantt chart is under licence only. pleas can u clear this one – Shanmugapriya D Apr 28 '17 at 06:25
  • dhtmlxGantt has GPL version as well, please check this https://dhtmlx.com/docs/products/dhtmlxGantt/#editions-licenses – Paul Apr 29 '17 at 12:44
  • Because when reading GPL license detail, I still do not really comprehend, I want to ask here : Is it legal to use GPL version of the library for commercial project ? – Lex Soft Jul 18 '20 at 14:51
4

RadiantQ's jQuery Gantt Package is ideal for implementing your requirements. It's built using native HTML5, supports Hours, Minutes and custom time scale types are supported.

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.

Take a look at that online demos here.

Karthi Keyan
  • 4,243
  • 5
  • 24
  • 47
  • 1
    looks very powerful. My needs are more just for displaying existing data, not entire online application. I am not sure if Radiant supports this. $700-1400 price tag is not quite free, but still much cheaper than developing our own. – Mustapha George Apr 29 '13 at 10:55
  • Note that the package has 2 jQuery Gantt Widgets which can be configured to display your data. The above link is an online demo page that was created to illustrate the different features available in the gantt. You, will only integrate the widget into your pages and populate it with your data. – Karthi Keyan Apr 30 '13 at 10:11
4

Is anyone else still looking for such a Gantt chart library with granular timescales (Minutes-Seconds)? I found Google Charts Gantt Google TimeLine Chart quite useful (although they call it TimeLine chart)

Another free to use Javascript chart library with gantt is Amcharts

Manmohan
  • 85
  • 8
2

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:

angular-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.

Hernando
  • 124
  • 1
  • 2