Highcharts Demo

author(s): Torstein Hønsi

by Gert Vaartjes

HTML

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

<div id="container" style="height: 300px; margin-top: 2em"></div>


<button id="getcsv">Alert CSV</button>

JavaScript

var chart = new Highcharts.StockChart({

    chart: {
        renderTo: 'container'
    },

    navigator: {
        series: {
            includeInCSVExport: false
        }
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        pointStart: Date.UTC(2013, 0, 1),
        pointInterval: 24 * 36e5
    }],

    exporting: {
        csv: {
            dateFormat: '%Y-%m-%d'
        }
    },
    
    "annotations": [
    {
      "labelOptions": {
        "text": "Mark with Annotation"
      },
      "labels": [
        {
          "point": {
            "x": 1489622400000,
            "y": 140,
            "yAxis": 0,
            "xAxis": 0
          },
          "shadow": true
        }
      ]
    }
  ]

});