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

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

morris.js click onclick angular

0

Pierre · 技术社区 · 6 年前

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

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

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

1 回复 | 直到 6 年前

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 .

推荐文章

Sam · 如何将JSON数组从php传递到JS?

7 年前

nickj · 在Angular 4应用程序中使用Morris Js插件

7 年前

Vamsi · 使用morris的json响应的动态条形图

10 年前

sushil bharwani · Morris图形导出为PDF?

10 年前

Starkers · 能否使用morris.js创建SED图?[已关闭]

10 年前

grabury · Morris.js咖啡文件的正确日期格式是什么

11 年前