本插件是基于highcharts ，支持ionic1.x 和ionic3

 

 

模板预览地址：http://www.phonegap100.com/themesinfo_20.html

 

 

ionic图表demo基于Highcharts，highcharts 是一个用纯JavaScript编写的一个图表库， 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表。HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。

 

本案例就简单的给大家介绍了如何在ionic/ionic3中使用 Highcharts完成简单的功能，只要这个功能实现了，其他的直接看看Highcharts的官方文档就很简单了

 

 

 

 

 

 

1) 安装ionic/Install Ionic

$ npm install -g cordova ionic

2) 通过Ionic创建一个项目 :以下三种命令对应三种不同样式，任选其一执行即可。

  $ ionic start myApp tabs

  $ ionic start myApp sidemenu

  $ ionic start myApp blank

3）将“项目源码.zip”解压后，替换项目中的www目录即可（注意：若压缩文件中无www文件夹，解压后的项目文件夹名重命名为www即可）

4) 运行我们刚才创建的Ionic项目

 $ cd myApp

 $ ionic platform add ios

 $ ionic build ios

 $ ionic emulate ios

 

 

【免责声明】

  1）此产品属于技术类项目的产品源码，仅提供参考，若购买者用于其他项目的开发，项目涉及到版权等问题，与卖家无关。