08月19, 2017

关于angular2如何导入echarts

首先得确定自己项目的打包方式,有些项目使用system.js来引入外部文件,并用gulp工具打包,这种方式来引入echarts网上应该有参考文档。

我的项目所用的打包工具为webpack,引入的方式跟上一种略有不同。 angular2项目可以引入三种不同的echarts文件,包括:ng2-echarts\ngx-echats\echarts-ng2。

前两种文件在网上有很多教学方式,但是我在项目里面试了一直没有成功,只能水水地去请教老大,好像说是什么angularjs里面的什么版本文件太新导致的,所以两个人倒腾了一天,最终还是在github上找到了一个引入echarts-ng2的例子,试了一下果然可以成功。

如果有人在angular2项目里面没办法导入echarts,可以试一下引入echarts-ng2。github上搜echarts-ng2直接就有实例。 导入成功后在使用的过程中需要注意option需要在定义为全局变量,并且在每次修改数据的时候都要重新渲染一遍option。

希望能帮到你。

本文链接:https://luodao.me/post/angular2-echart.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。