本插件是基于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)此产品属于技术类项目的产品源码,仅提供参考,若购买者用于其他项目的开发,项目涉及到版权等问题,与卖家无关。
购买过此商品的人还购买过