Highcharts Stock Demo

author(s): Torstein Hønsi

HTML

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

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

JavaScript

$(function() {
  var chart = new Highcharts.StockChart({

    chart: {
      renderTo: 'container'
    },

    xAxis: {
      min: Date.UTC(2011, 2, 8)
    },
    series: [{
      name: 'USD to EUR',
      id: 'dataseries',
      data: usdeur
    }, {
      type: 'flags',
      data: [{
          x: Date.UTC(2011, 2, 9),
          title: 'E',
          text: 'E flag'
        }
      ],
      onSeries: 'dataseries',

      width: 16
    }, {
      type: 'flags',
      data: [{
        x: Date.UTC(2011, 2, 8),
        title: 'C',
        text: 'C flag'
      }],
      color: '#5F86B3',
      fillColor: '#5F86B3',
      onSeries: 'dataseries',
      y: -60,
      width: 16,
      style: { // text style
        color: 'white'
      },
      states: {
        hover: {
          fillColor: '#395C84' // darker
        }
      }
    }]
  });
});