Javascript gantt chart library

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

GPL version of Javascript Gantt Chart

License

DHTMLX/gantt

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

DHTMLX Gantt is an open source JavaScript Gantt chart library that helps you illustrate and manage a project schedule in a nice-looking diagram.

It can show the dependencies between tasks as lines and allows you to set up different relationships between tasks (finish-to-start, start-to-start, finish-to-finish, start-to-finish). The Standard edition also inludes intuituve drag-n-drop interface and smart rendering which considerably boost performance while working with a large amount of tasks.

DHTMLX Gantt provides a flexible API and a large number of event handlers, which gives you the freedom to customize it for your needs. Moreover, the library comes with a comprehensive documentation and step-by-step video tutorials thus simplifying learning.

script src pl-s">dhtmlxgantt.js" >script> link rel pl-s">stylesheet" href pl-s">dhtmlxgantt.css" type pl-s">text/css">

div id pl-s">gantt_here" style='width:100%; height:100vh;'>div>

gantt.config.date_format = "%Y-%m-%d %H:%i"; gantt.init("gantt_here"); gantt.parse( data: [ id: 1, text: "Project #1", start_date: null, duration: null, parent:0, progress: 0, open: true>, id: 2, text: "Task #1", start_date: "2019-08-01 00:00", duration:5, parent:1, progress: 1>, id: 3, text: "Task #2", start_date: "2019-08-06 00:00", duration:2, parent:1, progress: 0.5>, id: 4, text: "Task #3", start_date: null, duration: null, parent:1, progress: 0.8, open: true>, id: 5, text: "Task #3.1", start_date: "2019-08-09 00:00", duration:2, parent:4, progress: 0.2>, id: 6, text: "Task #3.2", start_date: "2019-08-11 00:00", duration:1, parent:4, progress: 0> ], links:[ id:1, source:2, target:3, type:"0">, id:2, source:3, target:4, type:"0">, id:3, source:5, target:6, type:"0"> ] >);

Features of the Standard Edition

• 4 types of tasks linking: finish-to-start, start-to-start, finish-to-finish, start-to-finish
• dragging and dropping multiple tasks horizontally
• multi-task selection

• managing editability/readonly modes of individual tasks
• tooltips
• undo/redo functionality
• configurable columns in the grid
• customizable time scale and task edit form
• progress percent coloring for tasks
• 7 different skins

• online export to PDF, PNG, Excel, iCal, and MS Project
• cross-browser compatibility
• 32 locales
• keyboard navigation
• accessibility

Resource management, critical path calculation, auto scheduling, and other enhanced features are available with the PRO edition. You can see the full list of features and compare the two DHTMLX Gantt editions in the documentation.

dhtmlxGantt v.8.0.3 Standard

This version of dhtmlxGantt is distributed under GPL 2.0 license and can be legally used in GPL projects.

To use dhtmlxGantt in non-GPL projects (and get Pro version of the product), please obtain Individual, Commercial, Enterprise or Ultimate license on our site https://dhtmlx.com/docs/products/dhtmlxGantt/#licensing or contact us at info@dhtmlx.com

Check our roadmap for future updates 🔧

About

GPL version of Javascript Gantt Chart

Источник

10 Best Gantt Chart Plugins In JavaScript (2023 Update)

A Gantt Chart is a type of timeline-style bar chart invented by Henry Gantt around the years 1910-1915.

In general, it shows time along a horizontal axis and represents activities as bar charts along the timeline, and can be used to plan, schedule, or monitor anything (activities, tasks, reservations) over time.

The Best Gantt Chart Plugin

If you’re looking for a Gantt Chart generator to manage and track your projects or tasks. You might like this round-up of the 10 best jQuery plugins and Vanilla JavaScript libraries that help developers easily create flexible, dynamic, and customizable Gantt Chart on the web app. Have fun with it and don’t forget to spread the world.

Originally Published Nov 16 2020, updated Jan 25 2023

Table of contents:

Best jQuery Gantt Chart Plugins

Powerful Gantt Chart Editor With jQuery — jQueryGantt

A powerful, customizable jQuery Gantt editor that helps you dynamically create a gantt chart for your flexible project management.

Simple Dynamic Gantt Chart Plugin With jQuery — Gantt Chart

Gantt Chart is a Simple jQuery Chart Plugin that implements gantt functionality as a jQuery component.

Simple Dynamic Gantt Chart Plugin For jQuery — Gantt

Gantt is a jQuery plugin that helps you dynamically draw a customizable Gantt Chart to plan, coordinate, and track specific schedules/tasks in a horizontal bar chart.

Easy Horizontal Timeline Generator With jQuery — Timeline.js

Timeline.js is a jQuery timeline generator which helps you render horizontal, scrolling, responsive bar & point/line style timelines (with event details) from dynamic data arrays/objects.

Fully Featured Gantt Chart Component By IBM

A JavaScript library that provides an easy way to implement a customizable, professional, full featured online gantt chart generator for scheduling your tasks on your modern web app.

Best Vanilla JS Gantt Chart Libraries

Frappe Gantt

A simple, interactive, modern gantt chart library for the web.

gantt-schedule-timeline-calendar

Gantt, schedule, timeline and calendar components all in one!

jsgantt-improved

Fully featured gantt chart component built entirely with JS and CSS. No images or external libs required.

Parallel Timelines Chart With JavaScript And SVG

A JavaScript & SVG based charting library to create a Gantt Chart style segmented timelines for representing the state of time-series over time.

Gantt Chart

Gantt chart library using jsx support SVG, Canvas and SSR.

More Resources:

Seeking more jQuery plugins or JavaScript libraries to create analog clocks on the page? See jQuery Gantt Chart and JavaScript Gantt Chart sections for details.

See Also:

Источник

Comprehensive JavaScript & HTML5 Gantt Chart

DHTMLX Gantt is the most complete Gantt chart library to cover all the needs of a project management app and advance web development.

Try DHTMLX JS Gantt Live Demo

Thousands of projects worldwide are managed with tools based on DHTMLX Gantt.

Key Features of DHTMLX JS Gantt Library

DHTMLX Gantt enables end-users to allocate multiple resources, like personnel and facilities, to projects and tasks. It also helps to adjust the assignments accurately with the help of various load charts and histograms.

It is possible to highlight the minimum duration of an entire project and determine the most vital tasks due to the built-in critical path calculation in DHTMLX Gantt. Moreover, the chart allows displaying the slack time and setting the lag and lead times.

The DHTMLX JavaScript Gantt chart library includes automatic scheduling functionality. If an end-user changes the duration of a particular task, the auto-scheduling extension updates all due dates automatically, taking into account task dependencies.

It is an indispensable tool for external integration with complex CRM or ERP systems, real-time collaboration with many people working simultaneously on the same timeline, and clientless integrations with calculations based on calendars and links performed on the fly.

It is a standalone module that you can install locally to export Gantt charts of any size to PDF and PNG formats without the need to send your data to our server. In addition to PDF and PNG, it provides the ability to convert Gantt projects to iCal and Excel files.

You can also deploy an export module for MS Project and Primavera P6 on your server. This module serves to export and import Gantt data to the most popular project management formats securely.

The DHTMLX JavaScript Gantt chart supports diverse drag-and-drop operations. End-users can move several tasks, create tasks from scratch, and reorder columns in the grid with the help of drag and drop. Developers can control all the behavior via API.

Due to a keyboard navigation mode, end-users are free to manage all tasks right in the grid via inline editing. Keyboard shortcuts allow the creation and update of project tasks and their relations.

You can add tooltips to any DHTMLX Gantt elements like tasks, connectors, milestones, or anything else. Tooltips can contain any information you need. You can fully customize their appearance and behavior to meet your requirements.

JS Gantt Integrations

JS Gantt Samples

Why Choose DHTMLX JavaScript Gantt Chart?

Even if you are not a JavaScript expert, starting your work with our HTML5 Gantt control is straightforward. You can quickly initialize it with a few lines of code and equip it with the desired features in no time. Guides, demos, and video tutorials have got you covered.

DHTMLX Gantt is the most complete JavaScript Gantt chart library for project management. It has all the necessary functionality including different task types, scheduling techniques, and resource management. Besides, it is beautiful out of the box.

A rich and flexible API allows you to configure each and every JS Gantt chart element: customize time scale, define grid structure, style task bars, fine-tune editing form, and add any kind of custom HTML content.

Robust and flawless performance is the key criterion for large projects with thousands of tasks. You can load any number of tasks to the JavaScript Gantt component and it will render them smoothly due to smart rendering and dynamic loading.

DHTMLX Gantt is cross-browser and works in Chrome, Firefox, Safari, IE11, and all Chromium-based browsers (e.g., Microsoft Edge, Opera, Vivaldi). Being pure JS, our Gantt chart is compatible with any front-end and back-end technologies.

Download the DHTMLX Gantt trial version and evaluate it free of charge for 30 days benefiting from the official technical support of our team.

What Customers Say

It’s stable. It’s easy to set up, even if you don’t have too much development experience. It’s highly customizable. It’s full of features out of the box (and if something missing, you can write your own addon to cover missing functionality). It’s beautiful out of the box, which is not always the case for similar components. Workload functionality is included, which is not the case for such components.

The API is extremely flexible, well documented and easy to understand if you need to look at underlying source code. The support has been responsive and high quality. We would absolutely recommend using DHTMLX and are even considering using some other products that they offer based on our experience so far.

For Splitvice, dhtmlxGantt fits with what we need. It’s a stand-alone component, without an extra run-time fee. It’s flexible and highly customizable. We get good support when we need it, but most of our questions are found right in the knowledge database.

We were looking for a project management plugin to help reduce our time to market and development costs. That is why we are using DHTMLX Gantt. I tested a free version of your Gantt product and I was satisfied with the API provided with the plugin. Your product fitted my needs and it was easy to integrate it into my application.

Источник