angular 8 引入echarts

第一步

1、npm install echarts --save

2、npm  install ngx-echarts --save

第二步

2.1、找到angullar.json

angular.json配置

第三步

3.1、app.module中引用这个模块。

app.module.ts配置

第四步

4.1、组件页面中定义

组件中使用

4.2、组件控制器中填充数据

在组件的,ts文件中声明数据

输出事件

chartClick：它会发出相同params的'click'事件

chartDblClick：它会发出相同params的'dblclick'事件

chartMouseDown：它会发出相同params的'mousedown'事件

chartMouseUp：它会发出相同params的'mouseup'事件

chartMouseOver：它会发出相同params的'mouseover'事件

chartMouseOut：它会发出相同params的'mouseout'事件

chartGlobalOut：它会发出相同params的'globalout'事件

chartContextMenu：它发出同样params的'contextmenu'事件（从v1.2.1开始）

chartDataZoom：它发出相同params的'dataZoom'事件（感谢averhaegen）

作者：SevenLonely

链接：https://www.jianshu.com/p/e512191dae80

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。