Как получить идентификатор Div диаграмм в highcharts при нажатии на него в angular 6

У меня есть простая линейная диаграмма highcharts в angular6. Мне нужно получить идентификатор div диаграммы, которой он принадлежит при нажатии на диаграмму. Здесь идентификатор div - это chart1, поэтому мне нужно получить это в предупреждении, а также нужно вызвать из-за пределов диаграммы. Я уже пробовал, но это не работает, показывает пустое. Есть ли какое-либо решение для этого. Вот код ниже. Живая демонстрация https://stackblitz.com/edit/angular-yw3xwa?file=src%2Fapp%2Fapp.component.ts

app.component.html

<hello name = "{{ name }}"></hello>
<div (click) = "onClickMe($event)" id = "chart1"></div>

app.component.ts

declare var require: any;
import { Component } from '@angular/core';
import * as Highcharts from 'highcharts';
import * as Exporting from 'highcharts/modules/exporting';
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  clickMessage = '';
  name = 'Angular';
  onClickMe(event) {
    alert(event.target.id);
  }
  ngOnInit(){
  this.chartFunc('chart1');
  }

  chartFunc(chartId){
  Highcharts.chart(chartId,{
   chart: {
         type: "spline"
      },
      title: {
         text: "Monthly Average Temperature"
      },

      series: [
         {
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2,26.5, 23.3, 18.3, 13.9, 9.6]
         }
      ]
   });
}
}