Categorized Series Data | Highcharts @ A Humble Opinion

ahumbleopinion.com/understanding-highcharts-categorized-series-data/ Jugal Thakkar http://jugal.me/

by Jugal Thakkar

HTML

<script src="https://code.highcharts.com/highcharts.src.js"></script>
<script src="https://code.highcharts.com/modules/exporting.src.js"></script>
<div id="container"></div>

CSS

#container {
    min-width:500px;
}

JavaScript

(function ($) {
    var chart;
    var chartingOptions = {
        title: {
            text: 'Monthly Average Temperature'
        },
        subtitle: {
            text: '<a href="http://ahumbleopinion.com/category/highcharts/">Highcharts @ A Humble Opinion</a>',
            useHTML: true
        },
        credits: {
            text: "Jugal Thakkar",
            href: "http://jugal.me/"
        },
        xAxis: {
            type: 'category'
        },
        series: [{
            name: 'Mumbai',
            data: [{
                name: 'Jan',
                y: 24.2
            }, {
                name: 'Feb',
                y: 24.6
            }, {
                name: 'Mar',
                y: 26.7
            }, {
                name: 'Apr',
                y: 28.6
            }, {
                name: 'May',
                y: 30.1
            }, {
                name: 'Jun',
                y: 29.0
            }, {
                name: 'Jul',
                y: 27.5
            }, {
                name: 'Aug',
                y: 27.2
            }, {
                name: 'Sep',
                y: 27.4
            }, {
                name: 'Oct',
                y: 28.2
            }, {
                name: 'Nov',
                y: 27.4
            }, {
                name: 'Dec',
                y: 25.6
            }]
        }],
        tooltip: {
            valueSuffix: '°C'
        }
    };
    chart = $('#container').highcharts(chartingOptions).highcharts();
})(jQuery);