Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="http://blacklabel.github.io/grouped_categories/grouped-categories.js"></script>

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

CSS

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

JavaScript

Highcharts.chart('container', {
    chart: {
        type: "bar"
    },
    series: [{
        data: [4, 14, 18, 5]

    }, {
        data: [4, 17, 18, 8]
    }],
    xAxis: {
        labels: {
            x: -5
        },
        categories: [{
            name: "enero",
            categories: ["Gasto Real", "Presupusto USD"]
        }, {
            name: "febrero",
            categories: ["Gasto Real", "Presupusto USD"]
        }]
    }
});