Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-3d.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="height: 400px"></div>

CSS

#container {
    height: 400px;
    min-width: 310px;
    max-width: 800px;
    margin: 0 auto;
}

JavaScript

$(function () {
    $('#container').highcharts({

        "chart": {
            type: 'column',
                "options3d": {
                "enabled": true,
                    "alpha": 6,
                    "beta": 15,
                    "viewDistance": 0,
                    "depth": 40
            }
        },

        xAxis: {
            categories: ["P1", "P2", "P3", "P4"]
        },
series: [
            {
                data: [{
                    y : 29.9
                }, {
                    y : 71.5
                }, {
                    y : 106.4
                }, {
                    y : 129.2
                }, {
                    y : 144.0
                }],
                stack:"m1"
            }, {
                data: [{
                    y : 30
                }, {
                    y : 176.0
                }, {
                    y : 135.6
                }, {
                    y : 148.5
                }, {
                    y : 216.4
                }],
                stack:"m1"       
            }
        ]


    });
});