Left axis as a table

author(s): Lars Cabrera

by YameenYasin

HTML

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

<div class="scrolling-container">
	<div id="container"></div>
</div>

CSS

#container {
    max-width: 1200px;
    min-width: 800px;
    height: 400px;
    margin: 1em auto;
}
.scrolling-container {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

JavaScript

Highcharts.ganttChart('container', {
  yAxis: {
    type: 'treegrid',
  },
  series: [{
    data: [{
      parent: 'parent',
      start: Date.UTC(2017, 10, 18, 8),
      end: Date.UTC(2017, 10, 25, 16),
      name: 'Start prototype',
      assignee: 'Richards',
      y: 0
    }, {
      
      start: Date.UTC(2017, 10, 20, 8),
      end: Date.UTC(2017, 10, 24, 16),
      name: 'Develop',
      assignee: 'Michaels',
      id: 'parent',
      y: 1
    }]
  }],
});