Gantt Chart

chart height

by YameenYasin

HTML

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

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

JavaScript

Highcharts.ganttChart('container', {

  xAxis: [{
    min: Date.UTC(2014, 10, 17),
    max: Date.UTC(2014, 10, 30),
    grid: {
      cellHeight: 100
    }
  }, {
    grid: {
      cellHeight: 160
    }
  }],

  series: [{
    name: 'Project 1',
    data: [{
      name: 'Start prototype',
      start: Date.UTC(2014, 10, 18),
      end: Date.UTC(2014, 10, 25),
      completed: 0.25,
    }, {
      name: 'Test prototype',
      start: Date.UTC(2014, 10, 27),
      end: Date.UTC(2014, 10, 29),
    }, {
      name: 'Develop',
      start: Date.UTC(2014, 10, 20),
      end: Date.UTC(2014, 10, 25),
      completed: {
        amount: 0.12,
        fill: '#fa0'
      },
    }, {
      name: 'Run acceptance tests',
      start: Date.UTC(2014, 10, 23),
      end: Date.UTC(2014, 10, 26),
    }]
  }]

});