nestedXstacked

by kzoon

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

var chart = new Highcharts.Chart({

     chart: {
        defaultSeriesType: 'column'
    },
    legend: {
        enabled: true,
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle'
    },
    xAxis: {
        categories: ['P0610', 'P0611', 'P0610', 'P0611']
  
    },
       plotOptions: {
           column: {
               stacking: 'normal'
  
           }
       },
       series: [
        {    
            name: 'A Mart',
            data: [27, 26, 27, 26]
        }
        ,
        {
            name: 'Best Shop',
            data: [7, 8 ,6,8]
        }
        , {
            name: 'The Shopper',
            data: [25,29,25,28]
        }
        , {
            name: 'All Day Low',
            data: [15,16,15,16]
        }
        , {
            name: 'Quality Mart',
            data: [27,22,27,22]
        }
        
    ]
});