Bug with mutliolore series and highcharts

[aszymkiw]

Hello,

I found your plugin to permit to put many colors ona chart without using range zone with Highchart. But i get a problem : when i add a value, my chart is destroyed and it is re-created.

I get error in my console : vue.esm.js?a026:1897 TypeError: Cannot read property 'destroy' of undefined at v.eval (multicolor_series.js?2cb7:546) at v.a.<computed> [as destroy] (highcharts.js?ea7f:29) at f.destroy (highcharts.js?ea7f:379) at f.getContainer (highcharts.js?ea7f:362) at f.firstRender (highcharts.js?ea7f:379) at f.eval (highcharts.js?ea7f:350) at e (highcharts.js?ea7f:19) at f.init (highcharts.js?ea7f:349) at f.getArgs (highcharts.js?ea7f:348) at new f (highcharts.js?ea7f:348)

I wanted your plugin be available with highchart-vue, but not.

I use : highchart v9.0.1.

Thank you for your help !

[nac0n]

I get error in my console : vue.esm.js?a026:1897 TypeError: Cannot read property 'destroy' of undefined at v.eval (multicolor_series.js?2cb7:546) at v.a.<computed> [as destroy] (highcharts.js?ea7f:29) at f.destroy (highcharts.js?ea7f:379) at f.getContainer (highcharts.js?ea7f:362) at f.firstRender (highcharts.js?ea7f:379) at f.eval (highcharts.js?ea7f:350) at e (highcharts.js?ea7f:19) at f.init (highcharts.js?ea7f:349) at f.getArgs (highcharts.js?ea7f:348) at new f (highcharts.js?ea7f:348)

I'm having the exact same issue using highcharts v9.0.1 and their official angular-wrapper package. The property this.graph seems to never get loaded in as it is undefinedwhen this.graph.destroy() is trying to run.

[nac0n]

I inserted this in the multicolor_series.js-file in version 2.2.7 to find out if it would solve my issue, and it did:

if(this.graph) { 
  // this was not wrapped in an if-statement before
  this.graph.destroy();
}

Please fix this issue in the next update.