ElementStacks

by hfrntt

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px; width: 500px"></div>

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    series: []
});




/**
 * Random series
 */

var series = (function(){
    for(var i=0, series=[]; i<5; i++) {
        series[i] = {
            name: 'serie '+i,
            data: (function(){
                for(var i=0, data=[]; i<5; i++)
                    data[i] = Math.random()*10|0;
                return data
            })()
        }
    }
    return series;
})()


function addSeries(serie) {
    chart.addSeries( serie );
}
    
/**
 * Simulate ajax delays
 */

for(var i=0;i<series.length; i++) {
    (function(i){
        setTimeout(function(){
            addSeries(series[i]);
        }, Math.random()*5000|0);
    })(i);
}