Question

103

How to build my own gantt chart with JS

rated 0 times [ 104] [ 1] / answers: 1 / hits: 26795 / 12 Years ago, tue, may 22, 2012, 12:00:00

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.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

devane

Add To Favorites

Follow

Total Points: 451

Total Questions: 88

Total Answers: 100

Location: India

Member since Wed, Aug 26, 2020

4 Years ago

devane questions

1 How to post body data using Fetch API?

Wed, Mar 30, 22, 00:00, 2 Years ago

1 Type is not assignable to type 'IntrinsicAttributes

Wed, Sep 1, 21, 00:00, 3 Years ago

1 document.querySelector is not working in my react component

Mon, Jun 7, 21, 00:00, 3 Years ago

1 JS Show / hide header on scroll effect - but only after the header has scrolled up and out of window

Tue, Sep 15, 20, 00:00, 4 Years ago

1 A parser-blocking, cross site (i.e. different eTLD+1) script, is invoked via document.write warning

Wed, Sep 9, 20, 00:00, 4 Years ago

View All

answered 12 Years ago ibrahimgilbertoz · Accepted Answer

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.