Highcharts Demo(CATEGORIES)

author(s): Torstein Hønsi

by amrutaJgtp

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        xAxis: {
            categories: [Date.UTC(2010, 2), Date.UTC(2010, 5), Date.UTC(2010, 10), Date.UTC(2010, 11), Date.UTC(2010, 12)],
            //tickmarkPlacement: 'on',
     		 startOnTick: true,
            endOnTick: true,
            labels: {
                format: '{value:%m-%Y}',
                rotation: -45,
                step: 1,
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            },
            units: [
                [
                    'month', [3]],
                ['year',null]
            ]
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0]
        }]
    });
});