Highcharts Demo

author(s): Torstein Hønsi

by basarat

HTML

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

<div id="chart_container" style="height: 400px;background:black"></div>

JavaScript

$(function () {
   var chart;
    Highcharts.setOptions({
        global: {
            useUTC: false
        }
    });
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'chart_container',
            spacingLeft: 2,
            spacingRight: 0,
            //spacingTop: 2,
            spacingBottom: 2,
            type: 'area',
            marginRight: 3,
            events: {
                //load: function () {
                //    console.log("loaded");
                //    // set up the updating of the chart each second
                //    var series = this.series[0];
                //    setInterval(function () {
                //        var x = (new Date()).getTime(), // current time
                //            y = Math.random() * 100;
                //        series.addPoint([x, y], true, true);
                //        console.log("--------------point added----------------");
                //        console.log(series);
                //        console.log(series.data);
                //    }, 1000);
                //}
            }
        },

        credits: { enabled: false },
        legend: {
            enabled: false
        },
        exporting: {
            enabled: false
        },
        title: { text: '' },

        xAxis: {
            type: 'datetime',
            tickPixelInterval: 75
        },
        tooltip: {
            formatter: function () {
                var item = getItem(this.x);
                var height = chart.containerHeight;
                var width = chart.containerWidth;
                var lowerDivHeight = 16;
                if ($.browser.msie) {
                    lowerDivHeight=20; 
                }
                return '<div style="top:0px;left:30px;position:absolute">' +
                    Highcharts.dateFormat('%H:%M:%S', this.x) + ' - ' +
                    Highcharts.numberFormat(item.Speed, 0) + ' kph' + '<br/>' +
                    '</div>' +

             ...