写了一个用Quartz2D技术来绘制柱形图、饼形图、环形图及其相应动画

分享一个用Quartz2D技术来绘制柱形图、饼形图、环形图并用CADisplayLink制作相应动画

github地址:https://github.com/yellowwing/dataView

先来效果图:


效果图1
效果图2

当点击空白部分,3个图形就会逐渐增加数据,会有逐渐增加的动画效果,知道到达指定数据为止。

先说柱形图,上代码:


代码1

一开始先启动定时器,一秒刷60次,这样可以不断进行绘图,从而达到动画效果。


代码2

这里还可以随着柱体的升高,颜色也会做出渐变效果,然后文字也在这里画出来

然后说饼形图,看代码:


代码3

然后是环形图:


代码4

具体看github地址:https://github.com/yellowwing/dataView

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.图片浏览控件MWPhotoBrowser 实现了一个照片浏览器类似 iOS 自带的相册应用,可显示来自手机的图...
    万忍阅读 5,377评论 0 6
  • 我以为我到了这里,可以开始新的生活,新的感情,都对我的情况有帮助的,特别特别期待一段好的亲密关系,我都不知别人为什...
    西域寒梅阅读 2,586评论 3 1
  • 画外音;居然三个月没有码字了!OMG 这三个月我必然很忙很充实,不怎么无聊了。是的,总编大人承认只有在无聊的时候才...
    Juno窝窝小报阅读 3,523评论 0 1