Ionic 2 rc 添加第三方的插件(plugin) 以Echarts为例

Ionic2 在升级RC版之后做了很多改变,本文就使用Echarts 图表插件为例。记录一下如何引用第三方插件备忘。

一、再集成终端中使用NPM安装Echarts

npm install echarts --save

二、在declarations.d.ts文件中声明变量

declare module 'echarts';

三、在需要调用的界面进行Import

import echarts from 'echarts';

四、添加Ttypings解析（用于编译器的智能索引）

npm install @types/echarts --save

完成以上步骤就可以在界面中进行调用了

调用代码：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(<HTMLCanvasElement> document.getElementById('myChart'));
// 绘制图表
myChart.setOption({/*具体配置去http://echarts.baidu.com/examples.html自行配置*/});

对了  前天界面也需要添加对应的canvas

具体效果图：