代码之家 › 专栏 › 技术社区 › Pierre

将MorrisJs的click事件与Angular 6一起使用

morris.js click onclick angular

Pierre · 技术社区 · 6 年前

我用 this wrapper of MorrisJs Chart 在一个项目中。这工作得很好,但我找不到一种方法来获得click事件的结果。

Morris.Line({ 
    ...
}).on('click', function(i, row) { 
    console.log(i);
    console.log(row);
});

你知道如何用角度截获点击吗?谢谢!

1 回复 | 直到 6 年前

Pierre 5 年前

import Output, EventEmitter
将输出初始化为事件发射器 @Output() clickChart = new EventEmitter();
将Morris图表单击事件与指令输出绑定: let my_this = this; this.chartInstance.on('click', function(i, row) { my_this.clickChart.emit({ event, i, row }); });

(clickChart) .

<div    mk-morris-js
        type='Bar'
        [options]='options'
        [data]='datas'
        (clickChart)='test($event)'
></div>

指令的完整来源可以在 my pull request .

推荐文章

merko · 单击侦听器激发两次

6 年前

propoLis · 打开actionmode时,RecyclerView子级不单击

6 年前

ION · 如何使用DOM单击或触发

6 年前

user3186023 · 触发单击单选按钮可在切换前检查条件

6 年前

eozzy · 防止Vue中的事件冒泡

6 年前

ØµÙÙ Ø¹ÙÙ ÙØÙØ¯ - Atef Farouk · Admob视频奖励点击验证

6 年前

mtnp · 在javafx中创建长时间单击或按下按钮的方法

6 年前

Hamed Baziyad sagar pagare · 为什么单击selenium中的某些按钮不起作用?

7 年前

Sean Bean · 窗口调整后的jQuery悬停功能不能更改为单击功能

7 年前

muzzie · Javascript createRange。如何仅使用一个脚本选择不同的跨距?

7 年前