Jugal | Overlapping Columns | Highcharts & Highstock

http://stackoverflow.com/questions/12540720/overlapping-stacked-column Jugal Thakkar http://jugal.me/

by Jugal Thakkar

HTML

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js" ></script>
<script type="text/javascript" src="http://code.jugal.me/js/jugalsLib.js" ></script>
<script type="text/javascript" src="http://code.highcharts.com/stock/highstock.src.js" ></script>
<script type="text/javascript" src="http://code.highcharts.com/stock/modules/exporting.src.js" ></script>

<div id="container"></div>

CSS

#container{
    min-width:500px;
}

JavaScript

var chartingOptions = {
    chart: {
        renderTo: 'container',
        type: 'column'
    },
    xAxis: {
        categories: ['5:1', '4:1', '3:1', '2:1', '1:1', '1:2', '1:3', '1:4', '1:5']
    },
    series: [
        {
        name: 'Serie 2',
        data: [20, 24, 30, 40, 60, 80, 90, 96, 100]},
    {
        name: 'Serie 1',
        data: [100, 96, 90, 80, 60, 40, 30, 24, 20]}
                ]
};

chartingOptions = $.extend({}, jugalsLib.getBasicChartOptions(), chartingOptions);
var chart = new Highcharts.Chart(chartingOptions);