Interactive JavaScript Gantt Chart for Web Based Project Planning

JavaScript Gantt chart

dhtmlxGantt 4.1 is out with lots of new features and improvements! What's New

Product Features

  • Editable or readonly Gantt chart
  • Full control with JavaScript API
  • Cross-browser: IE, FF, Chrome, Safari, Opera
  • Keyboard navigation (New!)
  • Support for touch devices: iOS, Android
  • jQuery integration
  • Fullscreen Mode
  • Loading from XML, JSON
  • Rich drag-and-drop behavior to manage tasks
  • Ability to mark specific times in the timeline area
  • Tooltips
  • Critical path calculation (PRO Only)
  • Backward planning
  • Optional tree view
  • Customizable task edit form (lightbox)
  • Tasks Grouping (PRO Only)
  • Support of baselines, deadlines and other custom elements (PRO Only)
  • Three task types: project (PRO Only), task, milestone (PRO Only)
  • Progress percent coloring for tasks
  • Auto Scheduling (PRO Only)
  • Support of unscheduled tasks
  • Dependency arrows
  • Simple api for managing editability / readonly modes of individual tasks
  • Export/import from MS Project (New!)
  • Smart rendering
  • Undo/redo functionality
  • Accessibility (New!)
  • Fast and smooth rendering
  • Configurable columns in the grid
  • Multi-task selection
  • Per-column grid sorting
  • Simple api for hiding/showing columns of the grid (PRO Only)
  • Ability to resize grid columns and the grid itself from the UI (PRO Only)
  • Sorting and filtering
  • Dynamic loading (PRO Only)
  • Localization (5 languages and more coming)
  • Customizable time scale - zooming
  • Non-linear time scale (hide days/hours)
  • 4 different skins
  • Content Security Policy compliance
  • Export to Excel, iCal
  • Support of custom types (PRO Only)
  • 3 types of linking of tasks: finish-to-start, start-to-start, finish-to-finish
Fully Customizable
dhtmlxGantt provides a rich and flexible JavaScript API that allows you to configure each element of your Gantt chart: customize time scale, define the grid structure, change coloring of the task bars, add text or any custom HTML to the task bars, define dependencies (relationships) between tasks, and more. The task edit form (lightbox) can also be customized to includes the new custom fields.
Intuitive User Interface
The intuitive drag-and-drop interface of dhtmlxGantt allows the end users to easily change start/end time and duration of tasks, link tasks with each other, and set task completeness. This JavaScript Gantt chart can display three task types: task, project, and milestone. If needed, you can set dhtmlxGantt in read-only mode.
Export to PDF and PNG
dhtmlxGantt has an online export service that allows you to export your Gantt chart to PDF or PNG formats and print the chart, if needed. Try the demo and learn more in the documentation. Please note that the service works with DHTMLX server. If you want to use it locally, we can provide you the separate packages for export.
By default, the generated PDF/PNG document includes a watermark. The Commercial/Enterprise License holders can use this service without a watermark on one domain within the support period (30 days for Commercial License, 12 months for Enterprise License). This period can be extended ($70 per year for one domain). For more details, contact sales@dhtmlx.com.
Use with Different Frameworks and Technologies
Gantt Chart can be easily used with jQuery, NodeJS, Angular frameworks. Being a fully client-side solution, you may use it with any server-side technology including PHP (Laravel, Slim and other php frameworks), ASP.NET, Ruby on Rails and others.

Editions and Licenses

Standard Edition GNU GPL v2
Free under GPL
  • Standard Functionality
  • Use in unlimited projects
  • Forum support
  • Minor and Major updates
Professional Edition Commercial license
$449
up to 5 developers
  • PRO Features
  • Use in one project (not SaaS)
  • Standard ticket support
  • 1 month of updates (minor, major, bugfixes)
Favorable terms
for companies
Professional Edition Enterprise license
$979
per company
  • PRO Features + ability to display multiple Gantt charts on one page
  • Use in unlimited projects Use in SaaS
  • Premium ticket support
  • 12 months of updates (minor, major, bugfixes)

Support & Learning Resources

Over 110 technical samples

More than 110 online technical samples that demonstrate almost all Gantt features.

Documentation

Our detailed documentation can learn how to use Gantt component and effectively implement it in your own applications. It provides the detailed information regarding each aspect of the product.

Community forum

If you don't have an active support subscription, you are welcome to post your technical questions to our forum. It's moderated by our official support team.

Ticket support

Create a support request and get fast and qualified help from our support/development team.

Need help with dhtmlxGantt integration into your app? Contact us