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

 

具體效果圖：