Highcharts Demo

author(s): Torstein Hønsi

HTML

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

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'column'
  },
  xAxis: {
      categories: [
      'ME',
      'YOU',
      'THEM',
    ],

  },
  plotOptions: {
    series: {
      stacking: 'normal',
      dataLabels: {
      enabled: true,
      //format: '{name}'
      //align: 'top',
      inside: false,
      formatter: function() {
      	return this.point.name;
      }
      }
    }
  },
  series: [{
    name: 'ME',
    id: 'ME2',
    stack: '2014',
    color: 'red',
    data: [{y: 42, name: '2014'}]
  }, {
    name: 'ME',
    stack: '2015',
    linkedTo: 'ME',
    color: 'red',
    data: [50]
  }, {
    name: 'ME',
    stack: '2016',
    linkedTo: 'ME',
    color: 'red',
    data: [50]
  }, {
    name: 'YOU',
    id: 'YOU',
    stack: '2014',
    data: [
      [1, 50]
    ]
  }, {
    name: 'YOU',
    linkedTo: 'YOU',
    stack: '2015',
    data: [
      [1, 50]
    ]
  }, {
    name: 'YOU',
    linkedTo: 'YOU',
    stack: '2016',
    data: [
      [1, 50]
    ]
  },{
    name: 'THEM',
    id: 'THEM',
    stack: '2014',
    data: [
      [2, 50]
    ]
  }, {
    name: 'THEM',
    linkedTo: 'THEM',
    stack: '2015',
    data: [
      [2, 50]
    ]
  }, {
    name: 'THEM',
    linkedTo: 'THEM',
    stack: '2016',
    data: [
      {x: 2, y:50}
    ]
  },
  ]
});