javascript - Why doesn't highcharts refresh this chart correctly? -

highcharts failing refresh chart in kind of intelligent way.this seems common use case:

i rendering area percentage chart, renders first time. @ point data changes , want refresh chart.

the word on streets should manually iterate data , call setdata on each series. problem approach series not guaranteed same when trying refresh. there edge cases using technique mismatch data.

i tried :

data = this.getareachartdata();  if (data !== null && data !== undefined) {  var datalength = data.length; (var dataindex = 0; dataindex < datalength; dataindex++) {      var currentseries = data[dataindex];      this.chart.series[dataindex] = currentseries;  } 

for sake of simplicity let's assume getareachartdata() produces valid data. when set series nothing happens , chart gets buggy.

i try call chart.redraw() see if can force , still nothing happens.

what doing wrong ?

you should use update update serie new set of options. following:

data = this.getareachartdata();  var datalength = data.length,     chart = this.chart; for( var dataindex = 0; dataindex < datalength; dataindex++ ) {      // add series without redraw, we'll redraw later     chart.series[ dataindex ].update( data[dataindex], false ); }  chart.redraw(); 

reference:

• http://api.highcharts.com/highstock#series.update()