【图表仿】向身边的图表学习①:仿小天才手表播放进度图
最近推送的几篇文章:
· 正 · 文 · 来 · 啦 ·
生活中并不缺乏美,而是缺乏发现美的眼睛
---------罗丹
生活中并不缺乏专业图表,而是缺乏发现专业图表的眼睛
---------罗惠民
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:涂脂抹粉
选中进度圆点,设置标记的大小

然后再去掉多余的图表元素,添加数据标签、设置填充色,进行美化。设置后最终效果如下图:

本文所用到的图表知识点比较多,就不一一例举了,将这些知识点掌握了可以更多更酷的圆环图。






