调用MouseLeave chartJs Angular

李志雄

我有下面的代码:

角组件html

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

Component.ts

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

当我将鼠标悬停在某个元素上时,实际上是在调用自定义弹出窗口。问题是我还没有找到触发mouseleave事件以使组件消失的方法。

我已经试过了:

(chartMouseLeave) = "funct()"

正确的方法是什么?

迈克尔·D

您可以将事件绑定到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
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular ChartJS指令

来自分类Dev

混合图表类型-Angular ChartJS

来自分类Dev

混合图表类型-Angular ChartJS

来自分类Dev

Angular:如何更改chartjs的颜色?

来自分类Dev

Angular Chartjs如何使其对数据更改有反应?

来自分类Dev

Angular 8和ChartJs更改饼图中的颜色

来自分类Dev

使用UI-Grid使angular-chartjs响应

来自分类Dev

在chartJS和Angular上水平滚动时,使y轴变粘

来自分类Dev

如何通过ng2-charts angular使用chartJs的自定义渲染方法?

来自分类Dev

Bower组件中的angular-chart和chartjs找不到彼此

来自分类Dev

使用 Angular 4 中的 ChartJS 为每个条形设置不同的颜色

来自分类Dev

如何在 Angular 6+ 中使用 chartjs-plugin-crosshair?

来自分类Dev

如何在同一ChartJS中显示来自不同ajax调用的不同数据集?

来自分类Dev

ChartJS:未捕获的TypeError:无法读取未定义的属性“调用”

来自分类Dev

使用 ChartJS 使用 Vue 获得“超出最大调用堆栈大小”

来自分类Dev

ChartJS - 在不同的调用中从服务器返回标签和数据

来自分类Dev

在 Angular 中拖动时触发 mouseenter 和 mouseleave

来自分类Dev

未调用Angular Service

来自分类Dev

Angular $ http调用同步

来自分类Dev

Angular Reduce API调用

来自分类Dev

Angular Observable 被多次调用

来自分类Dev

如何在Angular 2和Node JS中的ng2-chartjs2图表中更新数据

来自分类Dev

在Angular中调用onclick函数

来自分类Dev

AJAX在Angular中调用HTTP

来自分类Dev

不调用OnInit的Angular 2

来自分类Dev

用JavaScript调用Angular JS

来自分类Dev

Angular Rerigger订阅http调用

来自分类Dev

Angular $ resource不调用get

来自分类Dev

Angular API调用和承诺