Highcharts Demo

author(s): Torstein Hønsi

by jpeter06

HTML

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

<div id="container"></div>
<p id="text" style="color: red;"></p>

JavaScript

$.getJSON(
  'https://cdn.rawgit.com/highcharts/highcharts/057b672172ccc6c08fe7dbb27fc17ebca3f5b770/samples/data/usdeur.json',
  function(data) {
  	let text = document.getElementById('text');

    Highcharts.chart('container', {
    
      chart: {
        zoomType: 'xy'
      },
      
      xAxis: {
      	events: {
        	afterSetExtremes() {
          	if (this.displayBtn) {
            	text.innerHTML = 'ZOOMED'
            } else {
            	text.innerHTML = ''
            }
          }
        }
      },
  
      series: [{
        data: data
      }]
      
    });
  }
);