Highcharts Demo

author(s): Torstein Hønsi

by Gert Vaartjes

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>

<script src="https://code.highcharts.com/stock/modules/annotations-advanced.js"></script>

<script src="https://code.highcharts.com/stock/modules/stock-tools.js"></script>

<div class="stocktools-toolbar">
  <button class="highcharts-circle-annotation">Add Circle</button>
</div>

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

JavaScript

$.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function(data) {
  // Create the chart
  Highcharts.stockChart('container', {
    stockTools: {
      gui: {
        toolbarClassName: 'tools-container',
        enabled: false
      }
    },
    title: {
      text: 'AAPL Stock Price'
    },

    series: [{
      id: 'aapl',
      name: 'AAPL',
      data: data,
      tooltip: {
        valueDecimals: 2
      }
    }]
  });
});