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

Ionic2 在升級RC版以後作了不少改變,本文就使用Echarts 圖表插件爲例。記錄一下如何引用第三方插件備忘。

1、再集成終端中使用NPM安裝Echarts

npm install echarts --save

2、在declarations.d.ts文件中聲明變量

declare module 'echarts';

3、在須要調用的界面進行Import

import echarts from 'echarts';

4、添加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

 

具體效果圖：