Highcharts Stock Demo

author(s): Torstein Hønsi

by Fusher

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>

JavaScript

$(function() {
    function newRandomData(n) {
        // generate an array of random data
        var data = [],
            time = (new Date()).getTime(),
            i;

        for (i = 0; i <= n; i++) {
            data.push([time + i*3600*24*1000 , Math.random() * 200 - 100]);
        }
        return data;
    }

    var chart = new Highcharts.StockChart({

        chart: {
            renderTo: 'container',
            type: 'spline'
        },
        plotOptions: {
            series: {
                marker: {
                    enabled: true
                }
            }
        },            
        xAxis: {
            tickColor: 'green',
            tickLength: 10,
            tickWidth: 3,
            tickPosition: 'inside'
        },

        rangeSelector: {
            selected: 1
        },

        series: [{
            name: 'USD to EUR',
            data: newRandomData(367)
        }]
    });
});