Highcharts Demo

author(s): Torstein Hønsi

by Sundarapandiyan_pa

HTML

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

<div id="container"></div>
<button id="set-extremes">Reset extremes</button>

JavaScript

var chart = Highcharts.chart('container', {
  chart: {
    type: 'line',
    zoomType: 'x'
  },
  series: [{
    data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
  }]
});

$('#set-extremes').bind('click', function() {
  chart.xAxis[0].setExtremes();

  chart.resetZoomButton.destroy();
  delete chart.resetZoomButton;
});