Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.src.js"></script>

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

CSS

.tooltip {
    width:200px;
    text-align:right;
}

JavaScript

$(function () {
    var chart = new Highcharts.Chart({

        chart: {
            renderTo: 'container',
            type:'arearange'
        },

        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        plotOptions: {
            arearange: {
                tooltip: {
                    formatter: function() {

                    }
                }
            }
        },
       

        series: [{
            data: [
                [12, 15],
                [15, 16],
                [11, 12],
                [11, 14]
            ]
        }]

    });
});