Highcharts Demo

author(s): Torstein Hønsi

by Murali Kaliappan

HTML

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

<div id="container" style="height: 400px; min-width: 310px"></div>

JavaScript

var data  = [];
console.log('hello world')
prepareChart();
function prepareChart() {
 var interval = true;
 var limit =0;
 var timer = setInterval(()=>{
 	limit++;
  console.log(limit)
  if(limit > 10) {
 	console.log('limit reached')
 	clearInterval(timer);
  console.log(data);
  drawChart();
 } else {
  var x = new Date().getTime(),
   		y = Math.round(Math.random() * 100);
  		data.push([x,y]); 
 }
 
 },1000) 
 
}


function drawChart() {
Highcharts.stockChart('container', {  
    title: {
        text: 'Live random data'
    },    

    series: [{
        name: 'Random data',
        data:  data,  
        zoneAxis :'x',
        zones: [{
          value: data[3][0],          
          color: '#dd0c1e'
        },{
          value: data[6][0],          
          color: '#f442bf'
        }]
        
    }]
});


}