Highcharts Stock Demo

author(s): Torstein Hønsi

by Arvind Pal

HTML

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

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

JavaScript

$(function () {
    Highcharts.stockChart('container', {
	
        yAxis: {
            min: 0,
            max: 10,
            startOnTick: false,
            endOnTick: false,
            plotBands: [{
                from:2,
                to: 3,
                color: '#E8E8E8'
            },{
                from:8,
                to: 10,
                color: '#B8B8B8'
            }]
        },

       

        series: [{
            name: 'USD to EUR',
            data: usdeur
        }]
    });
});