title: Calling MouseLeave chartJs Angular
body: <p>I have the code below:</p>
  
  <p><strong>Angular component html</strong></p>
  
  <pre><code>&lt;canvas myChart&gt;
     [dataset] = "dataVariable"
     [labels] = "labelVariable"
     (chartHover) = "chartHover($event)"
  &lt;/canvas&gt;
  </code></pre>
  
  <p><strong>Component.ts</strong></p>
  
  <pre><code>public chartHover(e: any){
     //Perform operations
  }
  </code></pre>
  
  <p>I'm actually calling a custom pop-up whenever I hover over an element. The problem is I haven't found a way to trigger the mouseleave event to make the component disappear.</p>
  
  <p>I've tried this:</p>
  
  <pre><code>(chartMouseLeave) = "funct()"
  </code></pre>
  
  <p>What's the correct way to do this? </p>