Grouped categories demo

author(s): Black Label

by pepperdigital

HTML

<link rel="stylesheet" href="http://blacklabel.github.io/grouped_categories/css/styles.css">
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://blacklabel.github.io/grouped_categories/grouped-categories.js"></script>
<div id="container" class="chart-container" style="height: 300px; width: 800px"></div>

JavaScript

$(function () {
    Highcharts.setOptions({

    });
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: "container",
            //spacingBottom: -150,

        },
        series: [{
            name: 'Num. Carros Rebocados',
            data: [
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            1170.09,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            3215.71,
            null,
            null,
            null,
            null,
            null,
            null,
            369.83,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null],
            type: 'column',
          //  connectNulls: false,
        }],
        yAxis: {

            title: {
                text: 'Qtd.'
            }
        },



        xAxis: {
            tickPosition: 'outside',
          //  drawHorizontalBorders: false,
            showFirstLabel: false,
            title: {
                offset: 60,
                text: 'Meses'
            },
            tickLength: 2,
            labels: {
                groupedOptions: [{
                    style: {
                        fontSize: 11
                    }
                }],
                style: {
                   ...