Gantt Tree grid parent

by Gert Vaartjes

HTML

<script src="https://github.highcharts.com/gantt/highcharts.js"></script>
<script src="https://github.highcharts.com/gantt/modules/gantt.js"></script>
<script src="https://github.highcharts.com/gantt/modules/exporting.js"></script>
<div id="container"></div>

CSS

#container {
  max-width: 1000px;
  margin: 1em auto;
}

JavaScript

// THE CHART
Highcharts.ganttChart('container', {
  chart: {
    type: 'scatter'
  },
  title: {
    text: 'Stacked column chart'
  },

  xAxis: {
    categories: ['pear', 'apple', 'carrot', 'orange'],
    grid: {
      enabled: true,
      columns: [{
        title: {
          text: 'Project'
        }
      }, {
        title: {
          text: 'Assignee'
        },
        labels: {
          format: '{point.name}'
        }
      }]
    }
  },

  series: [{
    name: 'John',
    data: [{
      name: 'pear',
      y: 5
    }, {
      name: 'apple',
      y: 7
    }, {
      name: 'carrot',
      y: 3
    }, {
      name: 'orange',
      y: 2
    }]
  }]
});