Highcharts test tool

by Torstein Hønsi

HTML

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

<div id="container"></div>

CSS

#container {
    min-width: 300px;
    max-width: 800px;
    height: 300px;
    margin: 1em auto;
}

JavaScript

Highcharts.chart('container', {
    chart: {
    	animation: false,
        events: {
            load: function() {
                var chart = this;
                var series = this.series[0];
                setInterval(function() {
                    var x = (new Date()).getTime();
                    var y = Math.round(Math.random() * 100);
                    series.addPoint([x, y], true, false);
                }, 100);
                setInterval(function() {
                    chart.xAxis[0].setExtremes(series.xData[0], series.xData[series.xData.length - 1] + 2000);
                }, 1000);

            }
        }
    },
    xAxis: {
    	min: (new Date()).getTime() - 1000 * 1000,
        max: (new Date()).getTime() + 2000
    },
    yAxis: {
    	min: 0,
        max: 100
    },
    series: [{
        name: 'random',
        data: (function() {
            var data = [],
                time = (new Date()).getTime(),
                i;
            for (i = -999; i <= 0; i += 1) {
                data.push([
                    time + i * 1000,
                    Math.round(Math.random() * 100)
                ]);
            }
            return data;
        }())
    }]
});