Highcharts Demo

author(s): Torstein Hønsi

by Murali Kaliappan

HTML

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

<div id="container" style="height: 400px;"></div>

JavaScript

// create the chart
Highcharts.chart('container', {    
	chart :{
  	events :{
    	load : function(){      
      var series = this.series[0];  
       setInterval(function () {
                     console.log(series.data)
                     var l = series.points.length;                    	
                      var p =series.points[l-1];
                     
                     var  y = Math.round(Math.random() * 100);
                     if(p) {
                     	p.update({
                          marker: {
                              symbol: 'square',
                              fillColor: "#A0F",
                              lineColor: "A0F0",
                              radius: 5
                          }
                      })
                     }
                     series.addPoint(y) ;                     
                }, 5000);
      }
    }
  },
    plotOptions: {
        series: {
            allowPointSelect: true,
            point: {
                events: {
                    select: function () {}
                }
            }
        }
    },

    series: [{
        data: []
    }]
});