Javascript 如何在angular 6中单击highcharts中图表的Div id

我有一个简单的安格拉尔海图折线图。我需要在单击图表时获取其所属图表的div id。这里的div id是chart1，因此我需要在警报中获取它，还需要从图表外部调用它。我已经尝试过，但它不起作用，显示为空白。是否有任何解决方案。下面是代码。实时演示

app.component.html

---

没有必要通过整个活动（除非您需要活动的其他方面，而不是您所说的）。事实上，这是不推荐的。只需稍加修改即可传递元素引用

解决方案1

html

<div #referenceKeyName (click)="onClickMe(referenceKeyName)" id="chart1"></div>

<div (click)="onClickMe($event)" id="chart1"></div>

从技术上讲，您不需要找到单击的按钮，因为您已经传递了实际的元素

解决方案2

html

<div #referenceKeyName (click)="onClickMe(referenceKeyName)" id="chart1"></div>

<div (click)="onClickMe($event)" id="chart1"></div>

---

解决方案2在highcharts的情况下不起作用，它可能适用于某个部门我收到解决方案1的2警报，当我使用循环中的div id时。我无法在此处复制。第一个警报显示正确的值，第二个警报显示每个单击未定义。您想在循环中动态创建吗？不，我想从onclick外部访问id，我是指onload

<div (click)="onClickMe($event)" id="chart1"></div>

onClickMe(event: Event): void {
    let elementId: string = (event.target as Element).id;
    // do something with the id... 
}