Demo

Features

jsGanttImproved is a fully featured gantt chart component built entirely in Javascript, CSS and AJAX. It is lightweight and there is no need of external libraries or additional images.

Current Known Issues:

• If the browser is viewing the page at anything other than 100% zoom then bars may not be sized or positioned correctly.

Changelog:

Check the full list of changes on GitHub releases page.

2.1.2:

• Fix for adding custom columns in object
• IE compatible with dependencies highlight

2.1.1:

• New way for rendering gantt where it works better scroll

2.0.10:

• Use complete value from task group from data instead of calculated

v2.0.9:

• Editing data in gantt table
• Highlight dependencies when hover

v2.0.8:

• Small bug fixes

v2.0.7:

• Debug option and better docs
• Better performance reading json

v2.0.6:

• Additional columns for data table

v2.0.5:

• Chinese Mandarin translation

v2.0.3:

• Many bug fixes reported in github
• Click events now is able to be binded to row or cells
• Milestones now uses the enddate to show in chart

v2.0.2:

• Change the source to use Typescript and organizing in small modules
• Start/End Dates with Planned and Executed values
• Now Tasks has Cost value as well, showed in a column
• Gantt now shows two bars for each task, planned and executed, one is full background and other has transparency
• Fixing small layout bugs

v1.8.0:

• Left part of the chart is now created first on JavaScript and establishes the left floating reference
• Minimum width updated to 632px so that the left part of the chart has a fixed width of 532px and the right part fills out the rest with a minimum of 100px

v1.7.5.3:

• Fixed group completion percentage that now is a weighted average
• Start and end dates specified on standard group tasks will now be respected if they fall outside of the calculated group date range
• Fixed problem that would occur if Tool Tips were disabled
• Moved example dates forward so the current date marker is visible

v1.7.5:

• Project Migrated to GitHub
• Instantiating a new JSGantt.TaskItem will now also accept Date objects for start and end dates
• Fixed old Internet Explorer compatibilty broken by v1.7
• Fixed bug in Iso week date format
• Changed to solid arrows on dependency lines to be more printer friendly
• Code refactoring and clean up

v1.7:

• Fixed nasty long-standing bug where the first Gantt chart created must be stored in a javascript variable named "g"
  • NOTE: This required a change in the method to instatiate a JSGantt.TaskItem object to pass the related chart.
  • A temporary fix is included that still assumes the use of "g" for the chart if the chart object is not passed, this will be removed in v1.8
• Altered XML export functionality so that dates are output in the specified input format for the chart
• Added method to read XML directly from an input string
• Prevented creation of a task with a duplicate "unique" ID
• Fixed bug where attempting to remove the first task defined would prevent the chart from redrawing
• Some general code clean up

Usage

Following the steps below you will be able to get create a basic Gantt Chart. If you notice any bugs, please post them to GitHub issues.

See the full docs here: * https://github.com/jsGanttImproved/jsgantt-improved/blob/develop/Documentation.md

Credits