Grouping x Axis charts

author(s): test

by Geo George

HTML

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

<script src="http://blacklabel.github.io/grouped_categories/grouped-categories.js"></script>

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

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'column'
  },
  title: {
    text: 'Stacked bar chart'
  },
  xAxis: {
    labels: {
      rotation: 0,
      x: 0,
      align: 'center',
      style: {
        fontSize: '10px'
      }
    },
    categories: [{
      name: 'Ghana',
      categories: ["2011","2014","2017"]
    }, {
      name: 'Kenya',
      categories: ["2011","2014","2017"]
    }]
   
  },
  yAxis: {
  
  },
  legend: {
   // reversed: true
  },
  plotOptions: {
 
  },
  series: [{
   // name: 'Financial institution',
    data: [29,25,42,42,55,56]
  }]
});