Highcharts Demo

author(s): Torstein Hønsi

HTML

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

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

JavaScript

$(function() {
  $('#container').highcharts({
    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]
    }]
  });


  // the button action
  $('#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]);
  });

  // the button action
  $('#button2').click(function() {
    var chart = $('#container').highcharts();
    var data = chart.series[0].options.data;
    var newData = $.extend(true, [], data);
    chart.series[0].remove();
    chart.addSeries({
      data: newData
    });
  })
});