效果图:

在日常工作中,我们经常碰到需要用Excel去绘制进度图表,但是使用Excel绘制出来的默认样式的图表普遍不够精美,如何绘制出一个颜值比较高的图表是大多数人面临的问题。下面就以Excel为例,分享一下如何绘制一个进度仪表图,话不多说,先看效果图:

使用环境:演示使用的Excel版本为Office2016,建议使用Office2013及以上版本,低版本可能会出现不支持的情况。


原理及绘制步骤:

这样一张高颜值的仪表图其实是利用EXCEL“圆环图+饼图+文本框”组合的方式绘制出来的,我们通过圆环图绘制表盘与刻度盘,再通过饼图绘制指针,最后利用文本框显示指针数值及标题。这里比较难的地方在于需要规划好表盘分布、指针角度与刻度值等。下面简单说明一下具体原理及绘制步骤:

刻度盘绘制

1、使用一个圆环图绘制表盘刻度,我们的刻度范围是0-100,分成10份,每份数值是10,这里的圆环整体角度是360度,由于我们需要空出最底端的一段圆弧,所以只使用圆环的3/4,也就是360*3/4=270度,我们把这3/4圆弧分成10份,每一份就是27度,于是我们初步规划出这个刻度盘应该通过数值序列27、27、27、27、27、27、27、27、27、27、90这样的数值去绘制(详见表中的A列),数值标签应该是0、10、20、30、40、50、60、70、80、90、100这样的序列(详见表中的B列)。

绘制步骤:选中A1:A12区域,在插入图表出,点击插入圆环图,得到结果图如下图。

同时,圆环图默认第一扇区是从12点钟方向开始计算,但是我们的仪表图0刻度是从7点钟方式开始的,所以这里将圆环图的扇区调整到180+90/2=225度位置;

绘制步骤:双击圆环图中的任一端圆弧,在设置数据系列格式处将第一扇区的起始角度更改为225度,得到效果图如下图。

我们继续绘制,右键点击任一段圆弧,点击选择数据,我们将水平分类轴标签设置为B2:B12单元格区域

接着我们再右击任一圆弧,选择添加数据标签,结果图如下图


点击任一个数据标签(即数字27),将标签选项只勾选类别名称一项,得到结果图


从上图我们看出,这里还存在一个问题,我们圆环图默认的数据标签是显示在区域中间,无法显示到区域之间边界上,那么如何才能将数值标签显示到边界上呢?

(注:前面的步骤为说明原理,实际操作过程中可以忽略,直接从下面的步骤开始绘制图形)

这里的方法就是把边界也变成一个区域,于是我们这里需要调整一下绘图序列,就是在每隔数值之间增加一个0角度的区域,于是最终我们刻度表盘的绘制数值应该是0、27、0、27、0、27、0、27、0、27、0、27、0、27、0、27、0、27、0、27、0、90这样的序列(调整后的数据详见A列);同时我们手动增加一个序列作为类别标签,即在0对应的位置上写上相应的刻度值,即标签序列应该为0、、10、、20、、30、、40、、50、、60、、70、、80、、90、、100这样的序列(调整后的数据详见B列)


我们再重新设置一下圆环图的数据,右击图表区域,点击选择数据,点击辅助列1,编辑编辑,将数值更改为A2:A23这个单元格区域,水平分类轴标签修改为B2:B22单元格区域


确定后,得到结果图如下图

到这一步我们发现,刻度盘雏形已经做好了,接下来我们只需要修改一下样式即可。

单击任一段圆弧,将填充颜色设置为无填充,线条设置为无线条,得到效果图如下图。

我们再将图表标题及下面的图例删掉,就得到一个真正的表盘了,效果图如下图。

表盘外圈绘制

表盘外圈是四段圆弧,所以我们还需要再绘制一个圆环图,将整个圆环图分成4份,每一份90度,于是我们准备一个数值序列90、90、90、90(详见C列)

绘制步骤:右键点击图表区域,选择数据,添加一个序列,系列名称选择C1单元格,序列值选择C2:C5,确定后得到效果图如下图。

我们分别双击蓝色、橙色、灰色圆弧,将填充颜色修改成渐变填充,选择自己喜欢的颜色,调整好渐变角度,最后再将黄色圆弧设置为无填充,最终得到效果图如下图

到这里,我们已经将仪表图的表盘外圈及刻度盘做好了。接下就是绘制指针了。

指针绘制

这里的指针我们使用一个饼图来绘制,将360度的饼图分成3个区域,一个区域设置成小角度,用作指针,另外两个区域通过控制角度来来达到指针区域的动态变化。首先我们先准备三个单元格,分别表示指针角度、指针区域(指针宽度)、留空区域,详见表中D1:E3单元格区域,这里我们先给指针角度设置一个值90、指针宽度设置为3,剩下的角度给留空区域,所以留空区域的单元格公式设置为=360-E1-E2=267

绘制步骤:右键点击图表区域,选择数据,添加序列,系列名称输入指针,序列值选择E1:E3,确定后效果图如下图。



此时,系统默认生成了一个套在最外圈的圆环图,我们需要将它修改成饼图,并且通过设置次坐标将圆环图与饼图处在两个不同的坐标系下(即不同的平面上)

点击最外圈的环形图,右键点击更改序列图表类型,将指针这个图表类型更改为饼图,将另外两个圆环图的次坐标勾选上,确定后得到结果图。



这时候三个图形的起始角度发生了变化,我们需要重新设置一下第一扇区的起始角度。

分别点击三个图形,将第一扇区的起始角度都修改为225度,得到结果如下图。

分别点击饼图的蓝色区域、灰色区域,将填充设置为无填充,线条设置为无颜色,得到结果如下图。


此时我们可以看到,我们设置的指针角度为90度,但是从仪表图刻度上看,其实此时是指向30-40之间,也就是说此时的角度值与刻度值其实是不对应的,那是因为我们的指针刻度值是以一个整圆形360度来衡量的,而我们的刻度值是通过一段270度的圆弧来表示0-100这个区间,因此我们需要根据这个对应关系将真正的刻度值与实际的角度进行换算,270度代表100个单位,也就是说2.7度代表1个单位,如果我们给定的进度值(即刻度值)为80的话,那么相应的角度应该等于80*2.7=216度。

我们将单元格G1设置为进度值,这样指针角度单元格E1填入公式=G1*2.7,这样我们的进度值就跟实际角度完成换算关系了,完成后效果如下图。

这样我们就已经完成了指针的绘制,接下来我们再增加进度值显示及标题就可以了。

添加进度值及标题并美化图表

我们通过文本框链接单元格值的方式添加一个指针的进度值,再增加一个文本框显示标题,最后对图表进行一定的美化,增加一个圆形作为指针的圆心,并将修改图表背景颜色及标签颜色。

绘制步骤:我们在H1单元格输入公式=G1 & "%",H1单元格值作为进度值显示值,再插入一个文本框,放到图表上,选中文本框将文本框的公式设置为=$G$1,再调整一下字体大小,居中显示,将文本框设置为无填充,线条设置为无线条,如下图所示。


再插入一个文本框,内容写上任务完成率,调整一下字体大小,居中显示,同样将文本框填充及线条去掉,根据图表位置调整一下两个文本框的位置,如下图。

插入一个形状圆形,设置填充为橙色,无线条,放置到指针的中心位置,点击图表区域,将图表区域的填充颜色设置为深蓝色,点击数据标签,将数据标签的字体颜色修改为白色,两个文本框的字体颜色修改为白色,这样得到最终的仪表图如下图。

这样我们就完成了一个高颜值的仪表图的绘制,只要修改单元格G1的值,仪表图就会动态变化了。


总结:

完成一个这样的仪表图主要使用的“圆环图+饼图+文本框”组合的形式,这里有几点关键点很重要:

  1. 仪表刻度圆环图形的序列值构造,需要构造一个角度为0的区域,便于添加刻度值标签;
  2. 引入饼图构造指针,需要特别注意,饼图指针角度与实际刻度值之间的换算关系;
  3. 三个图重叠在一起时,要使用主坐标与次坐标去调整层叠关系。

手把手Excel图表美化(1)--仪表图相关推荐

  1. Excel图表9——发展矩阵图

    Excel图表9--发展矩阵图 实例 原数据 一.计算平均值 二.绘制矩阵图 Excel图表8--矩阵图(散点图)https://blog.csdn.net/HCHHC/article/details ...

  2. excel图表美化:用散点标记制作不一样的折线图

    柱形图常常用于显示一段时间内的数据变化或显示各项之间的比较情况.但当时间序列过多时,我们往往考虑用折线图来反映数据的变化趋势.之所以讲这个,是希望大家能够把折线图和柱形图的应用区分开来,根据自己的需求 ...

  3. Excel图表美化及样式设置教程

    EXCEL图表一直是学习EXCEL程序的重点,图表的作用直观的显示数据,今天通过一个柱形图美化的实例为同学们进行讲解.图表美化的重要知识点有"预设图表样式进行美化"."自 ...

  4. excel图表美化:设置标记样式让拆线图精巧有趣

    折线图作为我们平时数据视图化非常常规的表现方式,想必大家已经司空见惯了.折线图很简单,每个人都会做,但是不同的人做出来的折线图却千差万别.大多数人的折线图都是直接插入默认折线图样式生成的,这样的折线图 ...

  5. excel图表制作:旋风图让数据对比更直观

    旋风图是我们工作中最常用的数据对比图表.旋风图中两组图表背靠背,纵坐标同向,横坐标反向. 今天我们就跟大家分享两种制作旋风图的方式. 如下表所示,我们以某平台各主要城市的男女粉丝数据为例,制作旋风图来 ...

  6. excel图表美化:堆栈式柱状图让趋势变化更明显

    平时大家都是怎么做图表的呢?是不是直接在Excel上点击插入图表,就完事儿了?虽然这样也能做出图表,但是必定没什么亮点,老板看久了,自然也就腻了!我们每个人都想让自己的的图表看起来漂亮,有特色,毕竟能 ...

  7. Excel图表的美化操作

    在上一篇文章(EXCEL完成一个柱形图与折线图组合图表)我们已经讲解了如何把图表创建出来,今天这篇文章主要讲解如何进行EXCEL图表美化操作 第一步:图表坐标轴隐藏,这里坐标轴指的是垂直(数值)轴,我 ...

  8. 使用Excel制作图表的实例教程 Excel图表制作大全

    Excel图表:创建基本图表 Excel图表可以将数据图形化,更直观的显示数据,使数据的比较或趋势变得一目了然,从而更容易表达我们的观点. 本课我们将通过"图表向导"创建最基本的图 ...

  9. 用EXCEL绘制精确的甘特图

    用EXCEL绘制精确的甘特图 今天有个朋友由于在没有project软件的情况下,紧急需要绘制精确的甘特图.我在家里有没有project软件,不过我在excel图表方面有一定的技巧,解决了他的问题.如果 ...

最新文章

  1. 网易伏羲三项研究入选CVPR:AI感知表情能力将达到人类水平
  2. Netty实战 IM即时通讯系统(八)服务端和客户端通信协议编解码
  3. 在写HTML和CSS时的黄金规范
  4. 程序员的自我修养——读《软技能-代码之外的生存指南》笔记
  5. SQL Server 2000中的完整备份、差异备份操作
  6. spring boot项目发送邮件
  7. 今天研究成功ASP动态管理数据表及字段
  8. html 收藏本页,设为首页与加入收藏的JS代码(多浏览器支持)
  9. [转]我奋斗了18年不是为了和你一起喝咖啡
  10. 哪些因素决定了CRM客户管理系统的价格?
  11. JAVA架构师之路十:设计模式之组合模式
  12. Java项目01-菜谱管理系统控制台实现
  13. java 四舍六入五成双_显示格式的四舍六入五成双
  14. 用VSCODE看linux内核代码
  15. 微信商业闭环谈论之微信开放平台实现微信卡券投放实践(附部分JAVA源码)
  16. bug : UnpicklingError: invalid load key, ‘\x0a‘.
  17. 欢迎更多的需要毕设和接毕设的加入! Android/Java毕业设计——唯一QQ群:639813324
  18. Java工具总结:将数据内容写入excel文件
  19. leetcode 1404. 将二进制表示减到 1 的步骤数
  20. 2.1什么是软件需求,什么是功能需求

热门文章

  1. 获取百度地图可视区域范围的数据
  2. 深度学习 (五)cbow、skip-gram of word2vec
  3. 通过python将 .ARW 等大文件图像批量转换为 .jpg 或其他格式图像的方法
  4. 【分层强化学习】HAC论文及代码
  5. FB-MSTCN: A FULL-BAND SINGLE-CHANNEL SPEECH ENHANCEMENT METHODBASED ON MULTI-SCALE TEMPORAL CONVOLU
  6. UOJ #496.秋蝉鸣泣之时
  7. 什么是物联网?定义和解释
  8. 华为年终奖,小员工分百万!任正非:钱给多了,不是人才也变成了人才!
  9. 洛谷P5274 优化题(ccj)
  10. 进制转换 和 正数负数——原码,反码,补码