score:1

Accepted answer

there are multiple issues:

  1. ploatoption must be plotoptions.
  2. there is no series.animation.complete property. you need to use series.events.afteranimate.
  3. use need to use either bind(this) or arrow functions in callback to preserve the meaning of this. more info on this here.
  4. you are initializing the chart before the series is initialized in the bindbarchart() function. wrap it in *ngif to initialize it after the chartoptions property is defined.

controller (*.ts)

plotoptions: {
  series: {
    animation: {
      duration: 200
    },
    events: {
      afteranimate: () => this.charthighlight()
    }
  }
},

template (*.html)

<ng-container *ngif="!!chartoptions">
  <highcharts-chart 
    style="display: inline-block" 
    [highcharts]="highcharts" 
    [options]="chartoptions"
    [(update)]="updatechart" 
    [callbackfunction]="chartcallback"
  ></highcharts-chart>
</ng-container>

i've modified your stackblitz.


Related Query

More Query from same tag