网站首页 > 技术文章 正文
在普通的图表上添加一些可视化元素,不仅更加直观,也总是令我们眼前一亮,比如下面这个带涨跌箭头的图表:
这些箭头以及添加的百分比是我们手动添加的吗?当然不是,要是手动添加一是太麻烦,二是后续我们的数据表一旦有变化,那图表上手动添加的元素也不会跟着一起变化。所以,我们要善于运用图表本身给我们提供的一些元素进行巧妙的改装。
下面就讲一下具体制作步骤。
01.整理数据表
首先,将原有数据表(左图)整理为可在图表上添加元素的数据表(右图)所示:
辅助1:C2=B2
说明:相当于复制B列,用公式的好处就是B列有变化会跟着一起变化。此列的目的是制作“系列线”,即箭头线。
辅助2:D3=AVERAGE(B2:B3)
说明:用上下两个月销售额的平均值制作一条折线,目的是在此添加数据标签。
增长率:E3=B3/B2-1(将数字格式调为百分比)
说明:“辅助2”折线上的数据标签将代入此列增长率的百分比。
02.制作图表转换类型
选中"A1:D7"区域,【插入/二维柱形图/簇状柱形图】:
选中图表中“辅助1”的柱形系列,单击右键选择【更改系列图表类型】:
在【更改图表类型】对话框中,做以下操作:
辅助1:勾选“次坐标轴”,图表类型选择“堆积柱形图”。(注意:一定先勾选“次坐标轴”再选图表类型。)
辅助2:图表类型选择“折线图”。
完成后,“确定”。
03.添加涨跌箭头
选中图表中的“辅助1”柱形系列,单击【图表工具/设计/添加图表元素/线条/系列线】:
双击“辅助1”柱形,打开【设置数据系列格式】,调整“分类间距”为50%左右(如果调整为0%,“系列线”将处于垂直状态,后续就可做成垂直的涨跌箭头了)。
就此,“辅助1”已完成它的使命,可将其填充色设为无,隐藏起来,只保留“系列线”。
选中“系列线”将【宽度】调大一些,这里设为“5磅”。【箭头前端类型】选择一种箭头,这里设为“燕尾箭头”。
涨跌箭头设置完毕。
04.添加数据标签代入增长率
选中图表中的“辅助2”折线单击右键选择【添加数据标签】:
选中刚刚添加的数据标签,在【设置数据标签格式】中,设置如下:
将【显示引导线】、【值】,取消对勾。
勾选【单元格中的值】,在跳出的对话框中,【选择数据标签区域】处选择"E3:E7"区域:
确定后,可看到原来的数据标签已经代入增长率的百分比。
貌似少了一个增长率,很简单,选中折线将“辅助2”数据区域中的蓝色线框往下拖一下,只框选"D3:D7"数据区域即可:
即此,折线的使命也已经完成,可以隐藏了,将折线的线条设为无线条:
图表基本做好了,最后只需再美化一下。
05.完善美化图表
将增长率的百分比标签适当移动位置与箭头搭配的更和谐。
将图表中的网格线去除,左右两边刻度值去除,图例去除。
添加柱形销售额的数据标签,添加图表标题。
调整颜色以及更加醒目的字体字号。
最后图表效果如下所示:
总结:此“自动生成带涨跌箭头的图表”巧妙运用了堆积柱形图的“系列线”来改装成箭头线。另外,数据标签代入增长率百分比,也是我们平常接触比较少的。希望小伙伴们通过此例,对图表有更深入的了解,将知识点加以扩展并能灵活运用。
- 上一篇: 产品经理应该怎么绘制流程图? 产品经理产品流程
- 下一篇: 最好用的数据可视化图表制作工具推荐
猜你喜欢
- 2025-06-13 从零开始:用Canvas绘制你的第一个动画小作品
- 2025-06-13 Navicat Data Modeler使用教程七:图表版面(下)
- 2025-06-13 学术干货丨骚操作,PS也能一键生成图表?
- 2025-06-13 Python能做出BI软件的联动图表效果?这可能是目前唯一的选择
- 2025-06-13 数据可视化—Echarts图表应用(excel数据图表可视化)
- 2025-06-13 自行车骑行者必读的几何图表,影响舒适度的关键因素
- 2025-06-13 如何使用AI生成可视化图表?(ai 可视化)
- 2025-06-13 常规普通的图表如饼图、柱 图、折线图 、面积图
- 2024-10-03 可视化图表走起来(2):玫瑰图,百分比一目了然。
- 2024-10-03 JavaScript神清气爽图表组件—Chartist
你 发表评论:
欢迎- 522℃Oracle分析函数之Lag和Lead()使用
- 519℃几个Oracle空值处理函数 oracle处理null值的函数
- 517℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 504℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 501℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 493℃【数据统计分析】详解Oracle分组函数之CUBE
- 472℃Oracle有哪些常见的函数? oracle中常用的函数
- 471℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端富文本编辑器 (47)
- 前端路由 (61)
- 前端数组 (73)
- 前端排序 (47)
- 前端定时器 (47)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)