Gantt Chart with Progress Indicator

author(s): Lars Cabrera

by Ayyappan Sakthivadivel

HTML

<script src="https://code.highcharts.com/gantt/highcharts-gantt.js"></script>

<div id="container"></div>

CSS

/* #container {
   width: 3300px;
}
 */

JavaScript

let day = 1000 * 60 * 60 * 24;

// THE CHART
let chart = Highcharts.ganttChart('container', {

  xAxis: [{
    tickInterval: day * 7 // Week
  }, {
  
  }],


  series: [{
    data: [{
      start: Date.UTC(2014, 9, 13),
      end: Date.UTC(2014, 11, 29),
    }, {
      start: Date.UTC(2014, 9, 27),
      end: Date.UTC(2014, 10, 29)
    }]
  }]
});