DHTMLX JavaScript Gantt Chart

Interactive JavaScript/HTML5 Gantt Chart for Your Solutions

dhtmlxGantt is a JavaScript/HTML5 component used to create a full-featured gantt chart for cross-browser and cross platform applications. The latest version is 4.2.

 

Product Features

Editable or readonly Gantt chart

Full control with JavaScript API

Cross-browser: IE, FF, Chrome, Safari, Opera

Working days and hours for individual tasks (New!)

Keyboard navigation

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

WBS codes calculation (New!)

Export/import from MS Project

Smart rendering

Undo/redo functionality

 

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.

 

Cross-browser Support

DHTMLX Gantt chart component supports all major browsers - Google Chrome, Firefox, Internet Explorer (8+), Microsoft Edge, Safari in particular.

 

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. 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).

 

Use with Different Frameworks and Technologies

Gantt Chart can be easily used with jQuery, NodeJS, Angular, Angular 2 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.

 

Accessibility

dhtmlxGantt is one of the JavaScript Gantt charts libraries in the industry that provides the ability to build accessible gantt charts. Accessibility support includes WAI-ARIA, keyboard navigation and two high-contrast skins (black and white).

 

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.