欢迎关注我的博客:http://www.pluto-y.com
我是前言
最近遇到一个非常严于自律的UI,那酸爽——-几个像素都要求的非常以及相当的严格。为此本王差点都跟她打起来了(开玩笑的,我这么绅士怎么可能打女生呢)。而在App中需要显示数据趋势什么的,那UI对界面要求,线条粗细,字体,字体大小,颜色,透明度各种各种。那时候我内心是崩溃的!
以我对她的了解来说如果她不满意随时都可能对图表进行改动她所谓的小改动。于是我开始踏山涉水,走亲访友寻觅着我的梦中图表。可是走了一全我感觉定制性都不够啊。
没办法,最后找来找去可能只能通过H5的画出来的图表效果什么的可能会好一点。最后将目光锁定在百度的Echarts的控件上来。
Echarts
关于这个H5的图表有多可控我就不进行累述的,具体的内容大家可以参考Echart官网进行查看。其实选这个还有一个目的就是,这个整体的空间还有一家大公司来维护,总感觉爽爽的。
然后我今开始了我的封装之旅,经过了几百年的封装,终于弄出了一个稍微可以用的控件,又兴趣的童鞋可以拿来用用或者研究下。不过还有好多内容还有没有封装好。具体的下载地址可以通过Github上来下载:https://github.com/Pluto-Y/iOS-Echarts
如何使用
有两种方法可以使用:
- 通过
cocoapods
进行导入:pod 'iOS-Echarts'
- 将项目下的
iOS-Echarts
目录拷贝到项目中
在需要使用的地方引入PYEchartsView.h
和PYOption.h
。
最后只需通过对图表的属性进行配置即可。
至于其中的参数与文档可以参考上方的Echart官网进行查看与配置。
举个栗子
像我们的话一般来说就是一套UI对应一套对应的折线图、柱状图以及饼图。所以一般我只需在更换UI的情况下进行修改这个控件的初始化即可。比如这个版本里面我们对于界面需求就只需通过下面的代码进行对折线图进行初始化即可:
#pragma mark 初始化图表
-(void)initEchartOption {
option = [[PYOption alloc] init];
option