Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

<div id="container"></div>

JavaScript

let data = (function() {
  // generate an array of random data
  var data = [],
    time = (new Date()).getTime(),
    i;

  for (i = -999; i <= 0; i += 1) {
    data.push([
      time + i * 1000,
      Math.round(Math.random() * 100)
    ]);
  }
  return data;
}())

var myVar;

function myFunction() {
  myVar = setTimeout(function() {
    console.log('alert')
  }, 3000);
}

function myStopFunction() {
  clearTimeout(myVar);
}

// Create the chart
Highcharts.stockChart('container', {

  series: [{
    data: data
  }],
  xAxis: {
    events: {
      afterSetExtremes() {
        myStopFunction()
        myFunction()
      }
    }
  }
});