Вызов диаграммы MouseLeave Js Angular

Question

У меня есть код ниже:

Angular компонент html

<canvas myChart>
   [dataset] = "dataVariable"
   [labels] = "labelVariable"
   (chartHover) = "chartHover($event)"
</canvas>

Component.ts

public chartHover(e: any){
   //Perform operations
}

На самом деле я вызываю собственное всплывающее окно всякий раз, когда наводю курсор на элемент. Проблема в том, что я не нашел способ вызвать событие mouseleave, чтобы заставить компонент исчезнуть.

Я пробовал это:

(chartMouseLeave) = "funct()"

Какой правильный способ сделать это?

Answer 1

Вы можете привязать событие к mouseout событию холста.

<canvas myChart>
   [dataset] = "dataVariable"
   [labels] = "labelVariable"
   (chartHover) = "chartHover($event)"
   (mouseout) = "mouseOut($event)"
</canvas>

Компонент

public mouseOut(event: any){
   // set pop up open flag to false
}