The definitive source of the best
JavaScript libraries, frameworks, and plugins.

  • ×

    Javascript Gantt chart
    Filed under  › 

    • 🔾23%Overall
    • 392
    • 40 days
    • 🕩142
    • 👥3

    dhtmlxGantt v.6.3.4

    dhtmlxGantt is an open source JavaScript Gantt chart that helps you illustrate a project schedule in a nice-looking chart.

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

    dhtmlxGantt provides a flexible API and a large number of event handlers, which gives you the freedom to customize it for your needs.

    Getting started

    Add files:

    <script src="dhtmlxgantt.js" ></script>
    <link rel="stylesheet" href="dhtmlxgantt.css" type="text/css">

    Add markup:

    <div id="gantt_here" style='width:100%; height:100vh;'></div>

    And initialize:

    gantt.config.date_format = "%Y-%m-%d %H:%i";
      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}
        {id:1, source:2, target:3, type:"0"},
        {id:2, source:3, target:4, type:"0"},
        {id:3, source:5, target:6, type:"0"}

    ==> Check the live demo

    Complete guides

    All tutorials

    Video guides


    dhtmlxGantt v.6.3.4 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 Commercial/Enterprise or Ultimate license on our site or contact us at

    (c) XB Software Ltd.

    Show All