javascript - Dynamic Highcharts is not updating -


here use case. using flume , spark streaming count number of events generated server. in output of spark timestamp , number of events. after every 10 second old value erased , new value written in file in hdfs.

i have created spring framework pull data hdfs convert json , push highcharts. trying generate live spline chart show timestamp in x-axis , number of count in y-axis , update gets new data spark output after every 10 seconds. x-axis not shifting , can see 10 0 values in y-axis. unable updated y value. sure missing in java script. because console of spring can see events updating after every 10 seconds. not reflecting in chart.

i stuck here past 2 weeks , desperately need help. appreciated. thanks.

 <!doctype html>     <html>     <head>     <meta charset="utf-8">      <title>insert title here</title>         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>         <script type="text/javascript" src="http://code.highcharts.com/highcharts.js" ></script>         <script type="text/javascript" src="http://code.highcharts.com/maps/modules/exporting.js" ></script>         <script type="text/javascript" src="http://code.highcharts.com/modules/drilldown.js"></script>         <script src="http://code.highcharts.com/modules/exporting.js"></script>         <script type="text/javascript" src="js/app/appstart.js" ></script>         <link type="text/css" href="css/app.css" rel="stylesheet">     <script src="http://code.highcharts.com/stock/modules/exporting.js"></script>    </head>     <body>         <div  class="chart" id="statuschart" >         </div>      </body>      $(function() {          var url = 'statistics';          $.ajax(url).done(function(data) {             loadstatuschart(data);         });      });      function updatestatusseries(series){         var url = 'statistics';          $.ajax(url).done(function(data) {             var statuscode = data.statuscode[0];             series.addpoint([statuscode.label, statuscode.value], true, true);         });     }      function loadstatuschart(statistics) {         var statuscode = statistics.statuscode;          var statusseries = [];         $.each(statuscode, function(index, item) {              var timeinseconds = item.label/1000;             for(var = 10; >= 1; i--){                 statusseries.push({                     x : (timeinseconds - (i*10))*1000,                     y : 0                 });             }             statusseries.push({                 x : item.label,                 y : item.value             });         })         var x = statuscode.length;          $("#statuschart").highcharts({             chart : {                 type : 'spline',                 //animation : highcharts.svg,                 marginright : 10,                 events : {                     load : function(){                         //set updating of chart each second                         var series = this.series[0];                         setinterval(function (){                             updatestatusseries(series);                         }, 10000);                     }                 }                      },             title: {                 text: 'live data'             },             xaxis: {                 type: 'datetime'             },             yaxis: {                 title: {                     text: 'number of counts'                 },             plotlines: [{                 value: 0,                 width: 1,                 color: '#808080'             }]             },             tooltip: {                 formatter: function () {                     return '<b>' + this.series.name + '</b><br/>' +                         highcharts.dateformat('yyyy/mm/dd hh:mm:ss', this.x) + '<br/>' +                         highcharts.numberformat(this.y, 2);                 }             },             legend: {                 enabled: false             },             exporting: {                 enabled: false             },             series: [{ data: statusseries }]         });     };

first, you're getting leading zeroes in chart because of code:

for(var = 10; >= 1; i--){  // <----- 10     statusseries.push({         x : (timeinseconds - (i*10))*1000,         y : 0  // <----- 0 values     }); }

second, chart isn't advancing because in part

events : {     load : function(){         //set updating of chart each second         var series = this.series[0];         setinterval(function (){             updatestatusseries(series); // <----- not updating series         }, 10000);     } }

updatestatusseries(series) doesn't update series, chart doesn't new data , stays on same spot.

to fix can either

also, date formatting (in tooltip.formatter) should done so:

highcharts.dateformat('%y-%m-%d %h:%m:%s', this.x)

Comments

Post a Comment

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

i have following sample code used pre-decrement void function(int c) { if(c == 0) { return; } else { cout << "dp" << c << endl; function(--c); cout << c << endl; return; } } this function give output input 4 : dp3 dp2 dp1 dp0 0 1 2 3 but when use post decrement void function(int c) { if(c == 0) { return; } else { cout << "dp" << c << endl; function(c--); cout << c << endl; return; } } output goes in infinite loop dp4 can explain me in detail why happens ? this happens because function(c--) called same value of c , when finishes c decremented. recursively called, hence called same value no chance of return , hit stack overflow error. assume this, int x = 1, y = 0; y = x++ result y == 1 , x == 2. if y = ++x , bot x , y 2.
Read more

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

i added new project. made mistake in projectname.conf file in sites-available apache2, led me reinstalling apache2. after reinstalling , re-enabling projects on every page of every project .. <body> run(); </body> .. i've run composer update, restarted service, restarted pc, checked config files, tried disabling new project. there nothing in error log, , access.log: 127.0.0.1 - - [15/may/2015:01:40:47 +0200] "get / http/1.1" 304 181 "-" "mozilla/5.0 (x11; ubuntu; linux x86_64; rv:38.0) gecko/20100101 firefox/38.0" maybe i'm forgetting apache2 reinstall? don't think did different last time installed it. looks haven't setup php correctly. take @ this great guide , maybe you're forgetting link php config apache2.
Read more

php - How can I echo out this array? -

i don't know how go grabbing data in variable , put foreach loop. class tree{ private $info = array( array('name'=>'jim','state'=>'nu','company'=>'nu','phone'=>array('cell'=>'5615111111','office'=>'5611111111'),'email'=>array('primary'=>'exs@example.com','ex@there.com')), array('name'=>'joe smith','city'=>'phoenix','phone'=>'4805551111','email'=>'jsmith@some_email.com'), array('name'=>'john doe','city'=>'chandler','company'=>'doe co.','email'=>array('jdoe@gmail.com','personal'=>'email@email.com'),'phone'=>'6025550002') ); } if you're inside of class, can access private variable using $this->variablename . example, i...
Read more