How to build my own gantt chart with JS

javascript html gantt-chart
greg121 picture greg121 · May 22, 2012 · Viewed 25.9k times · Source

I am about to see if Javascript in a HTML5 canvas is capable of building my own gantt chart. The chart should provide drag and drop. Is there a library that gives me a good basis? so I don't have to build everything from scratch.

Answer

AlphaMale picture AlphaMale · May 22, 2012

jsGantt

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

Features include: Tasks & Collapsible Task Groups Dependencies, Task Completion, Task Color, Milestones, Resources, Dynamic Loading of Tasks, Dynamic change of format (day/week/month), Load Gantt from XML file.

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

Some other libraries:

https://www.bryntum.com/products/gantt-for-extjs/

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

Hope this helps.

Related questions

how to push an object like this in jquery?

may I know how to push var obj= [{}] in .each? for example like this. $.each(maintasks_row, function(index, maintasks_val) { obj.push([{ "name" : maintasks_val.task_name, "desc" : "", "values" : [{ "from" : "/Date("+maintasks_val.time_start+")/", "to" : "/Date("+maintasks_val.…

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
How can I change an element's class with JavaScript?

How can I change the class of an HTML element in response to an onclick or any other events using JavaScript?

Read More