How to build my own Gantt chart using JS

Question

I'm going to see if Javascript can create its own gantt diagram in HTML5 canvas. The chart should provide drag and drop. Is there a library that gives me a good foundation? so I don’t need to build everything from scratch.

Answer 1

jsGantt

A full-featured gantt chart component built entirely in Javascript , CSS, and AJAX . No images required.

Features include: Tasks and Complex task groups Dependencies, Task Completion, Task color, Milestones, Resources, Dynamic loading of Tasks, Dynamic format change (day / week / month), Gantt loading from XML file.

You can view a live example at http://www.jsgantt.com

Some other libraries:

http://www.fusioncharts.com/goodies/fusioncharts-free/chart-gallery/show.asp?id=44

http://www.bryntum.com/products/gantt/

http://www.jsgantt.com/#tDownload

Hope this helps.

Answer 2

Have you tried some examples? There are dozens. jsgantt and dhtmlxgantt are the first two found without much trouble.