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

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

morris.js click onclick angular

0

Pierre · 技术社区 · 7 年前

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

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

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

1 回复 | 直到 7 年前

1

0

Pierre 6 年前

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 .