读书人

IOS表格解决方案 使用开源组件iChartj

发布时间: 2013-01-23 10:44:50 作者: rapoo

IOS报表解决方案 使用开源组件iChartjs(一)

前几天写了android系统使用ichartjs简单实现移动端图表的例子,怎么能少了乔帮主的ios系统呢 实现效果更炫的ichartjs图表

我们来看看如何实现呢

同android系统一样 使用UIWebView就可以实现 ios对html5的支持也很完美


首先来看效果图

IOS表格解决方案 使用开源组件iChartjs(一)IOS表格解决方案 使用开源组件iChartjs(一)IOS表格解决方案 使用开源组件iChartjs(一)IOS表格解决方案 使用开源组件iChartjs(一)IOS表格解决方案 使用开源组件iChartjs(一)


实现效果是首页面展示图标的列表 选择后进入图表详细 来展示本地的图标文件 即为html文件


用的是iphone的模拟器 ios的UIWebView缩放效果还是很不错的 可以自由的进行缩放


下面来看实现:


首先看下项目结构图

IOS表格解决方案 使用开源组件iChartjs(一)


将html js文件放在资源文件包内 这里主要用到ichart-1.0.min.js


首界面 ichartjsViewController 继承自 UIViewController 使用UITableView 所以需要实现UITableViewDataSource, UITableViewDelegate 两个协议


初始化UITableView


 /


在项目配置视图中 选择targets --》 Build Phases 详细配置方式就可以参考刚才博客的介绍了 这里不作详细说明


OK 下面是demo源码 可以下载作参考 Demo项目源码下载


下面会继续深入学习通过UIWebView进行js调用来动态更新图表数据的实现 很快就会跟大家分享的~~~~


读书人网 >操作系统

热点推荐