Highcharts Demo

author(s): Torstein Hønsi

HTML

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

<div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div>

JavaScript

function getData() {
  return new Promise((resolve, reject) => {
    $.getJSON('https://canvasjs.com/services/data/datapoints.php?xstart=1&ystart=10&length=10&type=json&callback=?', function(recData) {
      resolve(recData);
    });
  });
}

(async() => {
  Highcharts.chart('container', {

		chart: {
    	events: {
      	load: function() {
        	var series = this.series[0];
        	setInterval(async function() {
          	var data = await getData();
          	series.setData(data);
          }, 2000);
        }
      }
    },
	
    series: [{
      data: await getData()
    }]

  });
})();