Highcharts Stock Demo

author(s): Torstein Hønsi

by tannm

HTML

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

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<script type="text/javascript" src="http://www.highcharts.com/samples/data/usdeur.js"></script>

JavaScript

$(function() {
	$('#container').highcharts('StockChart', {

	    chart: {
	    },

	    rangeSelector: {
	    	selected: 1
	    },

	    series: [{
	        name: 'USD to EUR',
	        id: 'dataseries',
	        data: usdeur
	    }, {
	        type: 'flags',
	        data: [ {
	            x: Date.UTC(2011, 3, 6),
	            title: 'C',
	            text: 'US Dollar: Is This the Long-Awaited Recovery or a Temporary Bounce?'
	        }, {
	            x: Date.UTC(2011, 3, 6),
	            title: 'B',
	            text: 'EURUSD: Bearish Trend Change on Tap?'
	        }],
	        onSeries: 'dataseries',
	        shape: 'circlepin',
	        stackDistance: 20,
	        width: 16,
            y:-30
            
	    }]
	});
});