Highcharts Stock Demo

author(s): Torstein Hønsi

by hfrntt

HTML

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

<script type="text/javascript" src="https://raw.github.com/highslide-software/highcharts.com/f58c11f18af926f7de2226dd180f35df99aabdf3/js/highstock.src.js"></script>

<script type="text/javascript" src="http://highcharts.com/samples/data/usdeur.js"></script>

JavaScript

$(function() {
    chart1 = new Highcharts.StockChart({
        chart: {
            renderTo: 'container'
        },
        series: [{
            id: 'data',
            data: usdeur
        },{
            type: "flags",
            data: [],
            onSeries: 'data'
        }]
    }, function(chart){
        var extremes = chart.xAxis[0].getExtremes();
            
        chart.series[1].addPoint([{
            title: 'sample text',
            x: extremes.min + (extremes.max - extremes.min)/2
        }]);
    });
});