Highcharts Demo

author(s): Torstein Hønsi

by anikettiwari

HTML

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

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        xAxis: {
            categories: [ 'Feb', '' 'Mar', 'Apr', 'May', 'Jun', 'Jul',
                'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        tooltip: {
            shared: true,
            formatter: function () {
                var chart = $('#container').highcharts();
                var s = '<b>' + this.x + '</b>';
                var i = 0;

                $.each(this.points, function () {
                    s += '<br/><span style="color:' + chart.options.colors[i % chart.options.colors.length] +
                        '">\u25CF </span> ' + this.series.name +
                        ': ' + this.y +
                        'm';
                    i++;
                });
                return s;
            }
        },

        series: [{
            data: [29.9, 71.5, 106.4]
        }, {
            data: [216.4, 194.1, 95.65]
        }]
    });
});