Highcharts Demo

author(s): Torstein Hønsi

by Guillaume Seguin

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: ['A', 'B', 'C', 'D', 'E']
        },
        plotOptions: {
            column: {
                stacking: 'normal'
            }
        },
        legend: {
            labelFormatter: function () {
                if(this.data.length > 0) {
			        return this.data[0].category;
                } else {
                    return this.name;
                }
		    }
        },
        series: [{
            data: [{x:0,y:1}],
            name: 'Abracadabrant'
        },{
            data: [{x:1,y:1}],
            name: 'Baluchon'
        },{
            data: [{x:2,y:1}],
            name: 'Chenipan'
        },{
            data: [{x:3,y:1}],
            name: 'Diagonale'
        },{
            data: [{x:4,y:1}],
            name: 'Energie'
        }]
    });
});