美文网首页
写了一个用Quartz2D技术来绘制柱形图、饼形图、环形图及其相

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

作者: 黄嘉颖 | 来源:发表于2019-12-11 20:23 被阅读0次

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

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

    先来效果图:

    效果图1 效果图2

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

    先说柱形图,上代码:

    代码1

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

    代码2

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

    然后说饼形图,看代码:

    代码3

    然后是环形图:

    代码4

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

    相关文章

      网友评论

          本文标题:写了一个用Quartz2D技术来绘制柱形图、饼形图、环形图及其相

          本文链接:https://www.haomeiwen.com/subject/iexagctx.html