【图表仿】向身边的图表学习①:仿小天才手表播放进度图
最近推送的几篇文章:
· 正 · 文 · 来 · 啦 ·
生活中并不缺乏美,而是缺乏发现美的眼睛
---------罗丹
生活中并不缺乏专业图表,而是缺乏发现专业图表的眼睛
---------罗惠民
1
要仿制的图表
确定了要用的图表类型,龙逸凡经过一番试验,最终模仿出来了,如下图:
下面介绍制作步骤。
2
制作步骤
源数据区如下:
步骤1:插入圆环图表
选中B2:C3区域,插入-图表-圆环图
步骤2:添加“预算”数据系列
步骤3:更改“预算”的图表类型为饼图
点中图表的任一数据系列,点击“图表类型”,将预算改为饼图
更改后效果如下图:
圆环被饼图遮住了。
步骤4:设置饼图的分离度
点中饼图,Ctrl+1,设置饼图分离度为30%,现在可以看到后面的圆环了
再次点击选中饼图,将其往上拖到圆环的正中间。
步骤5:设置圆环的大小
点击选中圆环,设置圆环大小为90%
如果对圆环的大小和分离程度不理解的话,请阅读下面的文章:
步骤6:给饼图添加背景图
将一张图片插入到表格,然后复制它。
再选中饼图,Ctrl+V,效果如下
步骤7:将圆环和饼图的边框设置为无线条
将上面的公式变换一下
y=sinθ*r
x=cosθ*r
而我们的圆环是从12点钟开始的,所以角度要调整一下。
步骤8:计算圆点的X、Y坐标
上面的公式为什么要乘以C7,等会再解释
步骤9:添加表示进度的散点图
复制B6单元格,选中图表,Ctrl+V,粘贴后,图表貌似没任何变化。
点击选中饼图,点击更改图表类型,将刚才添加的“系列3”更改为散点图
步骤10:设置图表纵坐标、横坐标的最大最小值
分别选中纵坐标轴、横坐标轴,将最大最小值分别设为-1,1
设置后如下图:
表示进度的圆点在右下角,位置明显不正确,这是因为其坐标值是错误的。
改一下就好了
步骤11:修正进度圆点的坐标
选中图表,点击“选择数据”,编辑系列3
调整后如下图:
我们可以看到圆点刚才在已完成和未完成的分界处,并且在圆环的其中。如果将C7单元格的值设置为1,表示进度的圆点不会中圆环轨道的其中:
步骤12:涂脂抹粉
选中进度圆点,设置标记的大小
然后再去掉多余的图表元素,添加数据标签、设置填充色,进行美化。设置后最终效果如下图:
本文所用到的图表知识点比较多,就不一一例举了,将这些知识点掌握了可以更多更酷的圆环图。