首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 操作系统 >

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

2013-01-23 
IOS报表解决方案 使用开源组件iChartjs(一)前几天写了android系统使用ichartjs简单实现移动端图表的例子,

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调用来动态更新图表数据的实现 很快就会跟大家分享的~~~~


热点排行