Highcharts Demo

author(s): Torstein Hønsi

by NicosKaralis

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<div id="container" style="height: 400px; min-width: 310px"></div>

JavaScript

var series = [];
$(function () {
    Highcharts.setOptions({
        global: {
            useUTC: false
        }
    });
    // Create the chart
    $('#container').highcharts('StockChart', {
        chart: {
            events: {
                load: function () {

                    // set up the updating of the chart each second
                    return;
                    series = this.series[0];
                    setInterval(function () {
                        var x = (new Date()).getTime(), // current time
                            y = series.data[series.data.length - 1].y + Math.round(Math.random() * 1000);
                        series.addPoint([x, y], true);
                    }, 500);
                }
            }
        },

        rangeSelector: {
            allButtonsEnabled: true,
            buttons: [{
                type: 'all',
                text: 'All'
            }, {
                count: 1,
                type: 'minute',
                text: '1M'
            }, {
                count: 5,
                type: 'minute',
                text: '5M'
            }, {
                type: 'ytd',
                text: 'YTD'
            }],
            inputEnabled: false,
            selected: 0
        },

        title: {
            text: 'Live random data'
        },

        exporting: {
            enabled: false
        },

        series: [{
            name: 'Random data',
            type: 'spline',
            data: (function () {
                // generate an array of random data
                var data = [],
                    time = (new Date()).getTime(),
                    i;

                for (i = -9; i <= 0; i += 1) {
                    data.push([
                    time + i * 1000,
                    Math.round(Math.random() * 1000)]);
                }
                return data;
            }())
        }]
    });

});