Stacked1

author(s): Torstein Hønsi

by kzoon

HTML

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

<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        
        xAxis: {
            categories: ['One', 'Two', 'Three', 'Four', 'Five']
        },
    
        plotOptions: {
            column: {
               stacking: 'normal'
            }
        },
    
        series: [
        // first stack 
        {
            name:'A',
            data: [29.9, 71.5, 106.4, 129.2, 144.0]
            , index:1
        }, {
             name:'B',
          data: [30, 176.0, 135.6, 148.5, 216.4]
           , stack:'a'
           , index:2
       },

        {
           name:'C',
            data: [106.4, 129.2, 144.0, 29.9, 71.5]
            , stack:'b'
            ,           index:3
        }, {
            name:'D',
           data: [148.5, 216.4, 30, 176.0, 135.6]
           ,          index:0
         }]
    });
});