highcharts - Recieve HighStock RangeSelector button event in Angular 2+ component

Question

I want to access highstock rangeSelector button event inside my angular component.I am using the angular2-highcharts package to use the highcharts library. Tried to access it using the (afterSetExtremes) binding but without any success. The code is here. Please help.

Thanks!!

Answer 1

Update your template as

template: `
  <chart type="StockChart" [options]="options" (click)="onClick($event)">
  </chart>
`,

function

onClick(e) {
  console.log('You clicked '+e.toElement.innerHTML+" button")
}

Plunker demo