18

I need to insert a horizontal bar chart in a web page. The thing I have to do is very similar to a Gantt Chart.

I'd like to use a javascript library for the purpose. I tried jsgantt, but actually it is not very beautiful.

I could evaluate also a server generation of the graph. In case my server side language is Python.

It will be part of an internal project with no internet access, so Google Charts isn't an option.

nickf
  • 537,072
  • 198
  • 649
  • 721

12 Answers12

10

Have a look at the flot jQuery plugin:

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.

The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking.

The library can produce bar graphs, and is used by our host site - have a look at Stack Overflow Reputation History page.

Community
  • 1
  • 1
gimel
  • 83,368
  • 10
  • 76
  • 104
  • 1
    example iin Stack Overflow is simple bar chart that shows events over time, not gantt. Here is better example. http://www.jumware.com/Includes/jquery/Flot/Examples/Gantt.html – Mustapha George Apr 29 '13 at 03:36
  • When the suggestion (flot) was made (nearly 4 years ago), flot was in use by the SO reputation graph. Today it uses http://www.highcharts.com/ , and will probably use something else 4 years from now. – gimel Apr 29 '13 at 04:39
7

This is a complete jQuery based Gantt Editor Mit licensed

http://roberto.open-lab.com/2012/08/24/jquery-gantt-editor/

If you want a "complete" review of available ones see here:

http://roberto.open-lab.com/2012/06/14/the-javascript-gantt-odyssey/

I Have recently added SVG based drawing and collapse/expand tree functionality.

See http://roberto.open-lab.com/2014/05/15/jquery-gantt-editor-collapsible-branches/

rbicchierai
  • 186
  • 2
  • 3
4

For me, the best is http://gantter.com/ you don't need registration process, it exports to msproject or pdf.... perfect!

4

Try one of this:

http://dhtmlx.com/docs/products/dhtmlxGantt/index.shtml - neat chart, option to edit tasks, one serious drawback: lacks timescale change

http://dojotoolkit.org/reference-guide/dojox/gantt.html - free (!!), quite nice, but very hard to customize (unless you modify the source code)

http://bryntum.com/gantt/ - so far, one of my favourites - very easy to customize, but licensing for commercial projects is unclear, you can download trial for 45 days

http://www.tgantt.com/treegrid/www/Gantt.html - actually, this one looks like a space vessel's dashboard and so it is to configure, still struggling to put this in my application

alekwisnia
  • 2,314
  • 3
  • 24
  • 39
  • 1
    http://dhtmlx.com/docs/products/dhtmlxGantt/index.shtml nice, but very expensive, 699$ for enterprise license – TOUDIdel Mar 19 '12 at 08:56
  • dhtmlxGantt 2.0 supports customizable time scale so you can change the time scale dynamically: http://www.dhtmlx.com/blog/?p=1993 – Paul Sep 24 '13 at 13:48
2

Have a look at http://www.ext-scheduler.com. 100% JavaScript, based on ExtJS. Disclaimer: I wrote it.

Mats Bryntse
  • 564
  • 3
  • 12
  • Licensing is unclear, looking for alternatives. – alekwisnia Oct 11 '11 at 10:45
  • Define unclear? If you have any questions, feel free to contact me directly on Skype: mats.bryntse :) – Mats Bryntse Oct 11 '11 at 12:15
  • 1
    I can't just use it like tgantt - pay and forget. The license is per server per users - how could I guess how many users will my customer have in one year time? The fee is annual and I need to buy extjs license separatelly. Sorry to say that, but tgantt, which is far more sophisticated, offers much better pricing and clearer licensing. – alekwisnia Oct 11 '11 at 17:32
  • Well, if you change your mind you know where to find us :) – Mats Bryntse Oct 12 '11 at 07:32
2

I noticed that RadiantQ's jQuery Gantt Chart Package is missing in this discussion. This is relatively new, but has a lot of features, customizable and can be bound to any kind of data. The online demo is here.

Karthi Keyan
  • 4,243
  • 5
  • 24
  • 47
2

JQuery Gantt Chart - the best I tested

James Skemp
  • 8,018
  • 9
  • 64
  • 107
TOUDIdel
  • 1,322
  • 14
  • 22
1

For Gantt chart generation see:

or there are general charting libs like

or may be just use gnuplot.

Esteban Küber
  • 36,388
  • 15
  • 79
  • 97
Anurag Uniyal
  • 85,954
  • 40
  • 175
  • 219
0

Maybe you can get some impressions of how it could be done by these examples:

I hope these are enough for some inspiration.

troelskn
  • 115,121
  • 27
  • 131
  • 155
Underlines
  • 809
  • 1
  • 8
  • 17
0

see also Open Flash Chart it gives support helpers also for the most popular programming languages.

DrFalk3n
  • 4,926
  • 6
  • 31
  • 34
0

You could use FusionWidget at http://www.fusioncharts.com/widgets/gallery.asp. It's not free, but its Gantt chart works greatly for me.

yogman
  • 4,021
  • 4
  • 24
  • 27
  • Are you still using this Gantt Chart? I have troubles with it representing many horizontal processes... – Don Nov 22 '11 at 14:14
-1

I like this one, is still under development, "use it at your own risk" but it's very drag and drop

http://ganttapp.appspot.com

fmsf
  • 36,317
  • 49
  • 147
  • 195