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
具体效果图: