最近比较忙碌,较长时间没有更新文章了,今天给大家分享一个模仿支付宝账单的图表。
先看看原图。
![99f40939827f0cafe7543d2c76ceb307.png](https://i-blog.csdnimg.cn/blog_migrate/7ce28becd6e0e20f5eb5bdcc215de5c2.jpeg)
再看看模仿的效果:
![617f5d1078a94103d956725c1cc47256.gif](https://i-blog.csdnimg.cn/blog_migrate/31f08f04cba22c98ee19155b2aa958fc.gif)
接下来介绍思路:文末提供文件获取方式。
数据准备:
![2ad9c56d5cedc0cc4420ca89b8542992.png](https://i-blog.csdnimg.cn/blog_migrate/9129677ed6a9695b3ff5acf80e28b08c.jpeg)
思路: 圆环图+散点图,散点图模拟引导线
1 设置散点横纵坐标区间为-2,2
2 设置圆环的分离程度为110%(相当于缩小显示圆环图)
3 每条引导线由起点、折点、终点构成
4 计算每条引导线的起点角度,各条圆弧的中点
5 用三角函数换算起点的坐标位置
6 计算各折点的坐标(第一项及最后一项折点纵坐标固定为1.2,180度左右两侧的纵坐标固定为-1.2)
7 计算各终点的坐标(起点角度小于180,在右侧,否则在左侧)
8 用一组散点模拟项目标签
9 用一组散点模拟数据标签
具体计算函数见源文件
-----------------------------分割线-----------------------------
如果喜欢,请关注我并点赞转发。后续会陆续制作发布其他类型样式的模板。敬请关注!
粉丝请私信“仿支付宝账单”获取本文的Excel源文件。阅读我发布的其他文章,会有更多的模板分享。
务必要关注头条号哦,只对粉丝发送哈。