iOS-Echarts------定制性高的图表控件

本文介绍了在iOS开发中,面对严格的UI需求,作者如何选择并封装Echarts,以实现高度定制的图表控件。文章分享了Echarts的使用方法,包括导入、配置及实例代码,并邀请读者一起参与封装的完善工作。
摘要由CSDN通过智能技术生成

欢迎关注我的博客: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.hPYOption.h
最后只需通过对图表的属性进行配置即可。

至于其中的参数与文档可以参考上方的Echart官网进行查看与配置。

举个栗子

像我们的话一般来说就是一套UI对应一套对应的折线图、柱状图以及饼图。所以一般我只需在更换UI的情况下进行修改这个控件的初始化即可。比如这个版本里面我们对于界面需求就只需通过下面的代码进行对折线图进行初始化即可:

#pragma mark 初始化图表
-(void)initEchartOption {
    option = [[PYOption alloc] init];
    option
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值