This is an advanced example with many ways to interact with the data in the chart. Tasks details can be edited inline, tasks can be moved and resized and you can create new dependencies by dragging from one task terminal to another. There is also a context menu available when you right click a task.

To see the data loaded into the gantt chart, click these links: Tasks, Dependencies.

Note that the js for the example code is not minified so it is readable. See gantt.js.

  
  
  
 
Tasks
Start
Duration
% Done
 
Q1 2010
Q2 2010
Q3 2010
Q4 2010
Jan 2010
Feb 2010
Mar 2010
Apr 2010
May 2010
Jun 2010
Jul 2010
Aug 2010
Sep 2010
Oct 2010
 
 
 
Loading...