IOS报表解决方案 使用开源组件iChartjs(一)
前几天写了android系统使用ichartjs简单实现移动端图表的例子,怎么能少了乔帮主的ios系统呢 实现效果更炫的ichartjs图表
我们来看看如何实现呢
同android系统一样 使用UIWebView就可以实现 ios对html5的支持也很完美
首先来看效果图
实现效果是首页面展示图标的列表 选择后进入图表详细 来展示本地的图标文件 即为html文件
用的是iphone的模拟器 ios的UIWebView缩放效果还是很不错的 可以自由的进行缩放
下面来看实现:
首先看下项目结构图
将html js文件放在资源文件包内 这里主要用到ichart-1.0.min.js
首界面 ichartjsViewController 继承自 UIViewController 使用UITableView 所以需要实现UITableViewDataSource, UITableViewDelegate 两个协议
初始化UITableView
/
在项目配置视图中 选择targets --》 Build Phases 详细配置方式就可以参考刚才博客的介绍了 这里不作详细说明
OK 下面是demo源码 可以下载作参考 Demo项目源码下载
下面会继续深入学习通过UIWebView进行js调用来动态更新图表数据的实现 很快就会跟大家分享的~~~~