Highcharts Demo

author(s): Torstein Hønsi

by jeryslo

HTML

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

<div id="container" style="height: 400px"></div>
<input id="input" type="hidden" value='[{"x":1261271400000,"y":-12.2},{"x":1261271700000,"y":-12.4},{"x":1261272000000,"y":-12.5},{"x":1261272300000,"y":-12.6},{"x":1261272600000,"y":-12.6},{"x":1261272900000,"y":-12.6},{"x":1261273200000,"y":-12.7},{"x":1261273500000,"y":-12.7},{"x":1261273800000,"y":-13.2}]' name="input">

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'line'
        },
        xAxis: {
            type: 'datetime'
        },        
        series: [{
            data: [{"x":1261271400000,"y":-12.2},{"x":1261271700000,"y":-12.4},{"x":1261272000000,"y":-12.5},{"x":1261272300000,"y":-12.6},{"x":1261272600000,"y":-12.6},{"x":1261272900000,"y":-12.6},{"x":1261273200000,"y":-12.7},{"x":1261273500000,"y":-12.7},{"x":1261273800000,"y":-13.2}]
        }]
    });
});