Highcharts Demo

author(s): Torstein Hønsi

HTML

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

<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'line'
            },
            title : {
                text : null
            },
            yAxis : {
                title : {
                    text : null
                }
            },
            xAxis: {
                type: 'datetime',
                dateTimeLabelFormats: {
                    month: '%b %Y'
                }
            },
            series: [{
                name: 'Portfolio',
                data: [
                    [Date.UTC(2012,  0, 31), 1.9],
                    [Date.UTC(2012,  1, 29), 1.2], 
                    [Date.UTC(2012,  2, 31), 2.0], 
                    [Date.UTC(2012,  3, 30), 2.5], 
                    [Date.UTC(2012,  4, 31), 2.8], 
                    [Date.UTC(2012,  5, 30), 2.9], 
                    [Date.UTC(2012,  6, 31), 2.4], 
                    [Date.UTC(2012,  7, 31), 2.6], 
                    [Date.UTC(2012,  8, 30), 3.2], 
                    [Date.UTC(2012,  9, 31), 3.4], 
                    [Date.UTC(2012,  10, 30), 3.6], 
                    [Date.UTC(2012,  11, 31), 3.9]
                ]        
            }]
        });
    });
});