Highcharts Stock Demo

author(s): Torstein Hønsi

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+3600*1000*24*i,Math.random() * 100000000000]);
        }
        return data;
    }
    var chart = new Highcharts.StockChart({

        chart: {
            renderTo: 'container'
        },

        yAxis: {
            
            labels: {
                useHTML : true,
                formatter: function() {
                    //series = this.chart.seriesget('series-1');
                    aux = this.chart.series;
                    //alert(aux);
                    var s = "";
                    var max = this.axis.getExtremes().max;
                    console.log(this,max, max % 1000);
                    if(max % 1000000000 == 0){
                        s = this.value/1000000000 + "<SUP>G</SUP>";
                    } else if(max % 1000000 == 0){
                        s = this.value/1000000 + 'M';
                    } else if(max % 1000 == 0 ){
                        s = this.value/1000 + 'k';
                    }
                    return s ;
                }
            }
        },

        rangeSelector: {
            selected: 1
        },

        series: [{
            id: 'series-1',
            name: 'USD to EUR',
            data: newRandomData(999)}]
    });
});