Highcharts Demo

author(s): Torstein Hønsi

by lizozomi

HTML

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

<div id="container" style="height: 400px"></div>
<button id="button" class="autocompare">Set new data</button>

JavaScript

$(function() {
  $('#container').highcharts('StockChart', {
    rangeSelector: {
      selected: 1
    },
    xAxis: {
      minRange: 1000 * 60 * 60 * 24 * 15
    },
    plotOptions: {
      series: {
        pointStart: Date.UTC(2016, 4, 1),
        pointInterval: 1000 * 60 * 60 * 24 * 15
      }
    },
    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]
    }]
  });

  $('#button').click(function() {
    var chart = $('#container').highcharts();
    chart.series[0].setData([129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 66.6, 66.6, 66.6, 66.6, 66.6, 66.6, 66.6, 66.6, 66.6, 66.6]);
  });
});