【突出百分比的图表创意】保姆级教程(Excel 图表呈现)

2024-08-28 02:52

本文主要是介绍【突出百分比的图表创意】保姆级教程(Excel 图表呈现),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

包学包会

    • 效果一览:
      • 思路:
      • 圆形百分比图表
    • 保姆级详细过程
      • 先试着做一个吧
      • 接下来完成剩下的
      • 其他图标探索

效果一览:

异形图表
在这里插入图片描述

思路:

  • 先准备好两个形状一致的图形,中间填充不同颜色,一深一浅。
    一个用来表示百分百,垫在下方,另一个表示变化的数,叠在上方。
  • 因此数据也需要两列,一列为100%,一列不变
  • 图表的柱形可以用准备好的图形来代替,分别复制粘贴即可
  • 将图表的各种元素都去掉,留下一个标签来显示百分比
  • 最后将它们重叠在一起:
  • 先【切换行列】,再利用【格式设置】,将他们重叠度调到100%

在这里插入图片描述

圆形百分比图表

步骤过多,可以先看看思路,思路一样啦
简易步骤:

  1. 做一个双层圆环:按住Shift 插入一个正圆。设置蓝色轮廓线,粗细自己把握。填充为无颜色。复制一个出来,按住Shift 缩小,按住Ctrl 都选中,居中对齐。就有了一个双环。>>双环可以紧凑一点,因为外圈也是占了空间的,难免影响到数据呈现的准确性。只有一圈会更准,但看起来单调)
  2. 分别在内环填充一深一浅的颜色:
    在这里插入图片描述
  3. 插入图表只选择 【一对数据】,例:<<100%,58%>> 100% 放左侧
    贪多的话是没法保证每个图都是正圆的,>>可以试试
  4. 插入【簇状条形图】,竖着的就行
  5. 先【切换行列】,为后面重叠在一起打好基础
  6. 不急着重叠,先替换形状,深色在上(短的),浅色在下(长的)
  7. 把纵坐标轴设置为 0~1
  8. 去掉所有元素,留下数据标签
  9. 双击【设置数据系列】>>【系列重叠】100%,间距0
  10. 将 深色的系列,【设置数据系列】>>【填充】里设置成【层叠并缩放】
  11. 标签只保留一个值,后续制作下一个就直接更改这个值的单元格引用
  12. 右键添加系列改为饼图,主要是为了让它变成正圆。这一步太容易错,也可以直接缩放整个图表,近似正圆就可以了~(不要太为难自己)

保姆级详细过程

  • 首先呢,添加辅助列,不管数据有多长,我们都在你想展现的那一列【左侧】添加一列辅助列,数据添上100%或1。
    当然数据越短越好,不容易眼花缭乱,例如:
    在这里插入图片描述

先试着做一个吧

在这里插入图片描述
以这个电池为例:

  1. 首先呢,先插入一个图标/ 图形(下图中绿色的电池)。
    但是看起来不够精致,怎么将轮廓线变细呢?当然是把轮廓变粗,并填充【白色】啦
    ——将它选中,【图形格式】中,点开【图形轮廓】,找到【粗细】,选择3磅左右,颜色选白色
    1)准备好一个蓝色满格的电池:再给它填充红色,中间的地方就插入长方形遮住,填充蓝色就好啦。
    2)再准备一个中间空白的电池:这里当然没法空着,就用白色长方形遮住好啦。
    在这里插入图片描述
  • 另外,虽然个人觉得电池形状很恰当,但是它凸出的电极也占了一部分,导致80%往上看起来跟100%相差无几,苦恼~先忽略它吧
  1. 接下来我们做好其中一个:
    选中第一行的两个数据,【插入】【簇状条形图】,如下图:
    在这里插入图片描述
    这时候柱子下方有1,2 两个数字,表示这是两个系列。所以他们撮合不到一起去,这很重要!怎么办呢?
    在这里插入图片描述
  2. 【切换行列】点一点,这步绝对不能少!点中图表往右上角看一看,喏~
    这不就是一家人了,挨得多近啊

    在这里插入图片描述
  3. 差点忘了,电池是躺着的,我们也将这个图切换成这样↓ 可以右键【更改图表类型】,也可以点右上角,随你喜欢
    在这里插入图片描述
  4. 点右上角的+号,将所有元素都取消,免去一些干扰,看起来更纯粹
    主要是框太多点起来很崩溃的(问就是试过)
    在这里插入图片描述
  5. 接着我们把长条 变成准备好的电池图形:复制一张空白电池,选中更长的那一块,粘贴,用来垫在下面。再如法炮制,蓝色的更短,准备叠在上面。如图:
    在这里插入图片描述
    当然也可以复制之后,双击图表上的【数据系列】,也就是那个长方形。调出格式设置,第一项【填充】里选【图片或纹理填充】,来源于【剪贴板】,也是一样的。
    Ps:设置窗口打开就不建议关闭了,因为后续还会用到,而且这样单击哪里就可以设置哪里了~ 叮~
    很明显现在这个样子变形了,不好看,怎么调整呢~
  6. 首先可以想到,单击一下把整个图表缩窄啦,这还不够。我们在右侧的【数据系列格式设置】里继续调整,如下图。
    点开最后一项,【系列重叠】调成100,【间隙宽度】0
    在这里插入图片描述
    还有点小问题,有两个头,解决一下
  7. 点中上面蓝色的部分,右侧设置我们往下滑~ 将<伸展> 改为【层叠并缩放】
    9.
  8. 那么,电池上面的数据难道要用文本框加上吗~
  9. 这部分就用【数据标签】来做:我们再回到图表右上角,点开+ 号。勾选 数据标签。鼠标右滑选择【居中】这样数据标签就有啦~
    在这里插入图片描述
    为了让标签更醒目,我们可以双击它,在设置里给文本设置白色填充,轮廓也同色以达到加粗的效果~
    最重要的是在【开始】菜单里,把【字体】调大一点
    喏~这样就完成一个的制作啦!
    在这里插入图片描述

接下来完成剩下的

  1. 我们直接复制做好的,粘贴。应该不会有谁想再重来一次了吧
    那么数据怎么改呢~

  2. 目前要修改的有【数据标签】里的百分比,也就是要更改它引用的单元格,对吧~
    还有电池里的电量(蓝色的面积)

  3. 首先双击数据标签:在右侧窗口点开【标签选项】,【单元格中的值】→【选择范围】,单击下一个数据百分比,回车
    PS:如果数据标签不好点中,可以点击右上角+号,找到数据标签,展开,更多选项~

  4. 再更改图表里蓝色区域的大小,双击选中之后<要选中这块有点难,可以在图的蓝色块旁边双击>将它的引用区域挪到想要的位置
    在这里插入图片描述

  5. 选区移动之后形状会变成初始的样子,不要紧,像下面这样

  6. 我们在右侧填充的位置,把它调回【图片或纹理填充】就可以了,这还不够

  7. 继续往下滑,点【层叠并缩放】,这样就变成正常的样子啦~

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
ps:这里改他辅助列的值没有什么用,它凸出的电极多少影响了一些效果。最好还是选一些简单的图案吧。

  • 不过电池放在这里私以为挺应景的,要是有更好的解决办法可以告诉我哦~

其他图标探索

各种液体容器,烧杯 、饮料瓶 、温度计等等,例如:
异形图表
这是我做的一些,在此抛砖引玉啦,当然美观是次要的,不建议花太多时间死磕,可以在无聊摸鱼的时候玩玩,记得存好哦~万一能用上呢 ~就酱

− ∗ − t h a n k s − ∗ − -*-thanks-*- thanks

这篇关于【突出百分比的图表创意】保姆级教程(Excel 图表呈现)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1113525

相关文章

Windows环境下解决Matplotlib中文字体显示问题的详细教程

《Windows环境下解决Matplotlib中文字体显示问题的详细教程》本文详细介绍了在Windows下解决Matplotlib中文显示问题的方法,包括安装字体、更新缓存、配置文件设置及编码調整,并... 目录引言问题分析解决方案详解1. 检查系统已安装字体2. 手动添加中文字体(以SimHei为例)步骤

Java JDK1.8 安装和环境配置教程详解

《JavaJDK1.8安装和环境配置教程详解》文章简要介绍了JDK1.8的安装流程,包括官网下载对应系统版本、安装时选择非系统盘路径、配置JAVA_HOME、CLASSPATH和Path环境变量,... 目录1.下载JDK2.安装JDK3.配置环境变量4.检验JDK官网下载地址:Java Downloads

使用Python删除Excel中的行列和单元格示例详解

《使用Python删除Excel中的行列和单元格示例详解》在处理Excel数据时,删除不需要的行、列或单元格是一项常见且必要的操作,本文将使用Python脚本实现对Excel表格的高效自动化处理,感兴... 目录开发环境准备使用 python 删除 Excphpel 表格中的行删除特定行删除空白行删除含指定

使用Docker构建Python Flask程序的详细教程

《使用Docker构建PythonFlask程序的详细教程》在当今的软件开发领域,容器化技术正变得越来越流行,而Docker无疑是其中的佼佼者,本文我们就来聊聊如何使用Docker构建一个简单的Py... 目录引言一、准备工作二、创建 Flask 应用程序三、创建 dockerfile四、构建 Docker

Java easyExcel实现导入多sheet的Excel

《JavaeasyExcel实现导入多sheet的Excel》这篇文章主要为大家详细介绍了如何使用JavaeasyExcel实现导入多sheet的Excel,文中的示例代码讲解详细,感兴趣的小伙伴可... 目录1.官网2.Excel样式3.代码1.官网easyExcel官网2.Excel样式3.代码

深度解析Spring AOP @Aspect 原理、实战与最佳实践教程

《深度解析SpringAOP@Aspect原理、实战与最佳实践教程》文章系统讲解了SpringAOP核心概念、实现方式及原理,涵盖横切关注点分离、代理机制(JDK/CGLIB)、切入点类型、性能... 目录1. @ASPect 核心概念1.1 AOP 编程范式1.2 @Aspect 关键特性2. 完整代码实

Java Web实现类似Excel表格锁定功能实战教程

《JavaWeb实现类似Excel表格锁定功能实战教程》本文将详细介绍通过创建特定div元素并利用CSS布局和JavaScript事件监听来实现类似Excel的锁定行和列效果的方法,感兴趣的朋友跟随... 目录1. 模拟Excel表格锁定功能2. 创建3个div元素实现表格锁定2.1 div元素布局设计2.

SpringBoot连接Redis集群教程

《SpringBoot连接Redis集群教程》:本文主要介绍SpringBoot连接Redis集群教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1. 依赖2. 修改配置文件3. 创建RedisClusterConfig4. 测试总结1. 依赖 <de

Nexus安装和启动的实现教程

《Nexus安装和启动的实现教程》:本文主要介绍Nexus安装和启动的实现教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、Nexus下载二、Nexus安装和启动三、关闭Nexus总结一、Nexus下载官方下载链接:DownloadWindows系统根

C#实现将Office文档(Word/Excel/PDF/PPT)转为Markdown格式

《C#实现将Office文档(Word/Excel/PDF/PPT)转为Markdown格式》Markdown凭借简洁的语法、优良的可读性,以及对版本控制系统的高度兼容性,逐渐成为最受欢迎的文档格式... 目录为什么要将文档转换为 Markdown 格式使用工具将 Word 文档转换为 Markdown(.