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

var Data = [
    [(Date.UTC(2013, 5, 21, 16, 52, 42)), 32.0000],
    [(Date.UTC(2013, 5, 21, 16, 52, 45)), 12.0000],
    [(Date.UTC(2013, 5, 21, 16, 52, 58)), 54.0000],
    [(Date.UTC(2013, 5, 24, 15, 25, 27, 42)), 67.0000],
    [(Date.UTC(2013, 5, 24, 15, 15, 34, 24)), 72.0000]
];

$(function () {

    Highcharts.setOptions({
        global: {
            useUTC: true
        }
    });

    $('#container').highcharts({

        xAxis: {
            type: 'datetime'
        },

        tooltip: {
            followPointer:true,
            xDateFormat: '%Y-%m-%d %H:%M:%S',
            enabled: true
        },

        series: [{
            type:'scatter',
            lineWidth:2,
            data: Data
        }]
    });
});