dhtmlxGantt JavaScript/HTML5 Gantt Chart

dhtmlxGantt OverviewdhtmlxGantt is a JavaScript Gantt Chart that can be used for creating web-based project management applications. You can create editable or read-only full-featured Gantt charts.

Main advantages

Cross-browser compatibility. dhtmlx-Gantt supports the main modern browsers such as Internet Explorer, Firefox, Chrome, Safari, and Opera

Being fully customizable dhtmlxGantt provides a rich JavaScript API that allows you to configure each element of your Gantt chart such as time scale, grid structure, coloring of the task bars, etc.

Smart rendering. Smart way to increase the performance of your web application

Export features allow exporting your Gantt chart to PDF and PNG files or print the chart. Export and import from MS Project is available as well

dhtmlxGantt works with popular frame-works and technologies such as jQuery, Angular, or NodeJS

It can be combined with different server-side technologies, such as PHP (Laravel, Slim, and other PHP frame-works), ASP.NET, Ruby on Rails, and others

Intuitive UI allows users change start/end time and duration of tasks with ease.

Accessibility support. Users with different types of disabilities can rely on such features as keyboard navigation, WAI-ARIA support, and high-contrast themes

Most demanded and powerful functionality of Gantt Chart

Intuitive drag-n-drop interfacedhtmlxGantt provides users with the intuitive drag-and-drop interface.

The task edit form (lightbox) allows quickly configure the newly created task by setting its description, starting date, and duration

As well, you can add to the chart milestones by setting the type of the existing chart element to “Milestone”

You can group the existing sub-tasks together to form more complex activitiesdhtmlxGantt allows connecting the ends of the bars to show the dependencies between them.

The way you connect the bars defines the type of dependency, e.g., Finish to Start (FS), Finish to Finish (FF), etc.

By moving the slider, you can change the current progress of each task

You can change the size of a bar to display that the duration of the corresponding task has changed

Even working with the application for the first time, a user can learn the basic functionality:

Filtering and zoomingIf you work with the complex project, it can be pretty helpful to have the possibility to sort the activities according to certain criteria. For example, you want to check the state of the high priority tasks or those of them that relate to the design phase of the project. dhtmlxGantt allows you to create custom filters that will give you a possibility to view a certain type of tasks on demand.

In the case of long-term projects that last for a month, year, or even more, zooming can be an indispensable feature. You can look at the whole schedule of the project and check what is done and what remains to be done. Then, you can switch the scale to control the short-term activities and develop a strategy for the near future. To do so, you can use the Hours Scale feature.

Critical path calculation

In case you manage a project that consists of hundreds of activities with multiple dependencies between them, defining those of them that have the greatest impact on the overall project time may become a pretty hard task.

One of the possible solutions is the Critical Path Method. This approach allows defining the sequence of tasks that determines the overall duration of the project. Completing these tasks in time will guarantee meeting your deadlines. The tasks that are not included in the critical path can be pushed to the end of the schedule since they don’t affect the end date of the project.

Besides meeting the deadline you can also use the critical path to complete the project ahead of time. You can define the most critical activities and can reduce the time of the project by boosting them.

dhtmlxGantt allows implementing the critical path method in your projects. If you have a project that consists of some activities, you can highlight the critical path and see what tasks should not be delayed. There’s no need to create a separate chart since can create a button that will hide or show the critical path.

Baselines support

The baseline can be described as an original plan of your project that can be used by a manager to compare it to the actual state of affairs. It can be necessary if you want to define if the initial understanding of the project that you got at the first steps of the working process was right. If not, you’ll be able to correct the chosen approaches.

To create a baseline, you have to add a snapshot of your project at a given time to the Gantt Chart. Then, you can compare these timeline projections to the actual timeline of a project to define the activities that were delayed, completed ahead of schedule, or performed on time. Analyzing this info, you can develop a new strategy of sched-uling.

dhtmlxGantt allows creating a displayable layer and placing different custom elements there. You can use this technique for adding baselines to the existing Gantt Chart. This feature allows using deadlines as well.

Auto Scheduling

Working on a project, you can face with many unexpected difficulties and unforeseen delays that can cause a chain of changes. In this case, you’ll have to spend some extra time to rescheduling. If you work with the large and complex project, it can be quite challenging. The solution that can help you avoid such inconveniences is auto scheduling.

Auto scheduling functionality allows updating the start date of the dependent task if the end date of the task it depends on changes. Using this feature, you can generate and maintain the project schedule by specifying relations between tasks with no need to set or update dates of each task manually.

Accessibility supportSome eye diseases can lead to decreasing of the ability to see the difference between similar levels of brightness clearly. The design of modern software may look attractive to the most users, but for some of

Keyboard navigation can be crucial for all the visually impaired users. Instead of following the mouse cursor these users can use a set of keyboard shortcuts. It can be helpful if a web page consists of a bunch of small elements and text or in the case of large monitors that require a lot of eye movement. dhtmlxGanttTo help to work with dynamically changing web pages, we have added WAI-ARIA support to dhtmlxGantt. This technology determines the ways of using the cutting-edge technologies that help to make sure that people with health disorders can access the content of the application. WAI-ARIA uses special commands and metadata to tell a user what’s going on at the web page, inform him about the new information that appeared on the screen, and provide him with the new content.

Use with any server-side platform

It doesn’t matter what server side you are using - dhtmlxGantt can be integrated with any platform with common logic via REST API. We have ready step-by-step guides of creating the gantt chart with

Licensing

Commercial Enterprise

Edition

Non open source projects

Number of developers

Support plan

Source code

Use in SaaS

them using apps with subtle gradients may be difficult. dhtmlxGantt allows you to use the High-contrast themes as an option to the regular view:

PRO PRO

Yes (1 project) Yes (Unlimited projects)

5 Unlimited

Standard (1 month of support and updates)

Premium (12 months of support and updates)

Yes Yes

No Yes

, PHP and ASP.NET.Node.js

Tip: We don't make you to purchase 10 licenses if you have just 3 developers in a team. Our license model is more flexible - purchase one Commercial license and let up to 5 developers to work with the product, purchase one Enterprise license and let an unlimited number of developers to work with DHTMLX.

Support benefits

Standard Support PlanIncludes ticket support for 1 year with 5 support requests included, or for 1 month with an unlimited number of requests. If needed, more support requests can be purchased for additional fee.

Premium SupportIncludes 1 year of ticket support with an unlimited number of support requests.The support is provided by our development team.

Support ExtensionWhen your support period expires, you don't need to purchase a new license. There is an option to purchase upgrade and support extension for 12 months, which provides you the latest version of the product, and 12 months of unlimited ticket support and version updates.

Tip: In case if your support period expired three years ago, you don't have to pay for these 3 years of non-use of our support services. You pay for the support you really get.

Integration support and custom features

Our developers are ready to provide you with the services of integration dhtmlxGantt library in your solution. More-over, we can extend the existing functionality of the components according to your needs. We work under two different types of contracts: time and materials and fixed bid.You may choose which one best suits your project.

About Dinamenta UAB

Since 2005 we’ve been working on making the Web better. Following the standards and practices of modern web development, we deliver top quality web application frameworks customized for both desktop and mobile devices for 10 years already. Having started with the single components - Grid and Tree - we are now ready to provide the full JavaScript Library. Besides, we developed JavaScript Gantt Chart and JavaScript Event Calendar to enrich the functionality of your applications. Many of Fortune 500 companies are using DHTMLX and rely on its quality and effectiveness.