Highcharts Stock Demo

author(s): Torstein Hønsi

by Chen KY

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>

JavaScript

$(function () {
    $('#container').highcharts('StockChart', {
        rangeSelector: {
            enabled: false
        },
        plotOptions: {
            series: {
                animation: {
                    complete: function () {
                        //customData length = 300
                        //Get the timestamp of Point 40-60
                        //Call setExtremes() to update bottom navigator
                        
                        var chart = $('#container').highcharts();
                        chart.xAxis[0].setExtremes(
                            customData[40][0],
                            customData[60][0]);
                    }
                }
            }
        },
        series: [{
            name: 'USD to EUR',
            data: customData
        }]
    });
});

var customData = [
    [Date.UTC(2007,7,21),0.7429],
    [Date.UTC(2007,7,22),0.7383],
    [Date.UTC(2007,7,23),0.7369],
    [Date.UTC(2007,7,24),0.7309],
    [Date.UTC(2007,7,27),0.7329],
    [Date.UTC(2007,7,28),0.7352],
    [Date.UTC(2007,7,29),0.7311],
    [Date.UTC(2007,7,30),0.7331],
    [Date.UTC(2007,7,31),0.7337],
    [Date.UTC(2007,8,3),0.7342],
    [Date.UTC(2007,8,4),0.7349],
    [Date.UTC(2007,8,5),0.7326],
    [Date.UTC(2007,8,6),0.7306],
    [Date.UTC(2007,8,7),0.7263],
    [Date.UTC(2007,8,10),0.7247],
    [Date.UTC(2007,8,11),0.7227],
    [Date.UTC(2007,8,12),0.7191],
    [Date.UTC(2007,8,13),0.7209],
    [Date.UTC(2007,8,14),0.7207],
    [Date.UTC(2007,8,17),0.7211],
    [Date.UTC(2007,8,18),0.7153],
    [Date.UTC(2007,8,19),0.7165],
    [Date.UTC(2007,8,20),0.7107],
    [Date.UTC(2007,8,21),0.7097],
    [Date.UTC(2007,8,24),0.7098],
    [Date.UTC(2007,8,25),0.7069],
    [Date.UTC(2007,8,26),0.7078],
    [Date.UTC(2007,8,27),0.7066],
    [Date.UTC(2007,8,28),0.7006],
    [Date.UTC(2007,9,1),0.7027],
    [Date.UTC(2007,9,2),0.7067],
    [Date.UTC(2007,9,3),0.7097],
    [Date.UTC(2007,9,4),0.7074],
    [Date.UTC(2007,9,5),0.7075],
...