Highcharts Stock Demo

author(s): Torstein Hønsi

HTML

<div id="container" style="height: 400px; min-width: 600px"></div>

<button id="button">Add series</button>

<script src="http://github.highcharts.com/v3.0Beta/highstock.js"></script>
<script type="text/javascript" src="http://www.highcharts.com/samples/data/three-series-1000-points.js"></script>

JavaScript

$(function() {
	var chart = new Highcharts.StockChart({
	    
	    chart: {
	        renderTo: 'container'
	    },
	    
        scrollbar: {
            enabled: true
        },
        
        navigator: {
            enabled: true,
            series: {
                id: 'navigator'
            }
        },
                
        series: []
	});
	
	$('#button').click(function() {
		chart.addSeries({
			name: 'ADBE',
			data: ADBE
		}, false);
        var nav = chart.get('navigator');
        nav.setData(ADBE, false);
        chart.xAxis[0].setExtremes();
        $('#button')[0].disabled = true;
	});
});