连载的上一篇文章,小鱼已经完成了数据看板的风格,之后呢,小鱼对数据看板略做了调整,如下:
![](https://img.haomeiwen.com/i15629873/6818846d62f4f0dc.png)
今天,我们就来完成数据看板的图表与布局,从数据总表中复制图表过来,并确保图表的整体风格保持一致。
风格确定
风格确定的主要元素包含字体、配色、页边距、板式等等。其中,板式已经完成,页边距在板式设计时也已经考虑过了,所以接下来,我们只需要确定字体与配色即可。
在字体方面,可以将标题统一为 阿里巴巴普惠体 Medium 18,坐标轴字体为 阿里巴巴普惠体 Medium 12 大小,在配色方面可以沿用数据总表中的配色。
![](https://img.haomeiwen.com/i15629873/1b593489b7d5d4ed.png)
确定了主要的配色和字体,也就确定了基本风格,对于我们后续的制作事半功倍。
图表设计
接下来,我们将数据总表中插入的图表拷贝到数据看板中,并将图表的背景填充设置为无填充:
![](https://img.haomeiwen.com/i15629873/e7b0c9a2a43bdfe3.png)
调整标题和图例的字体大小,并调整图表大小以适应矩形:
![](https://img.haomeiwen.com/i15629873/32f7a27c75cc861f.png)
接下来是右侧矩形框的图表,我们复制数据总表中的另一个圆环图:
![](https://img.haomeiwen.com/i15629873/a2a0d46472570adc.png)
在上述两个圆环图的中间,有个超长的矩形,这个位置可以说是整个图表最核心的位置,常用来放置最关键的指标。此处,小鱼将在核心位置统计公司的总人数。按住 Shift+
鼠标左键先移开矩形,在合并单元格中录入人数信息。
![](https://img.haomeiwen.com/i15629873/04cee9ea51966e40.png)
其中人数的计算引用了数据总表中的 E10
单元格结果:
![](https://img.haomeiwen.com/i15629873/2daf6259f3810412.png)
其中 E10
单元格的计算如下:
![](https://img.haomeiwen.com/i15629873/501db61416a48557.png)
注:为了不影响数据总表的美观,可以将
E10
单元格字体颜色设置为白色。
最后,再按 Shift+
鼠标左键,将矩形水平拖回到原来的位置:
![](https://img.haomeiwen.com/i15629873/f079132fe5504b07.png)
同样的方式,我们完成在职状态查询图表和薪酬水平图表的插入和调整:
![](https://img.haomeiwen.com/i15629873/75b4760914803d60.png)
最左侧的矩形,我们也安排薪酬水平的展示,不过要换一个图表,直接把右侧的雷达图拷贝到左侧,使用图表工具菜单栏的更改类型按钮,将雷达图变为条形图:
![](https://img.haomeiwen.com/i15629873/d427fc5ec5b464f5.png)
将条形图进行美化:
![](https://img.haomeiwen.com/i15629873/cf2f8eba2d8b02a5.png)
注:图表的美化主要靠调整图表中的元素,比如线条以及坐标轴的数值。删除或简化一些不必要的元素,就可以让图表更加高级。
最后,我们来完成平均年龄折线图的插入:
![](https://img.haomeiwen.com/i15629873/a3ad6899767fbea8.png)
关于折线图的美化,我们可以将其转换为折线图和面积图的组合图表。首先,选中平均工龄图表,点击图表工具菜单栏下的 选择数据:
![](https://img.haomeiwen.com/i15629873/8dbf20b8fe813030.png)
点击其中的 +
按钮,选择系列名称和系列值:
![](https://img.haomeiwen.com/i15629873/da80813a38001348.png)
点击确定,完成系列的增加:
![](https://img.haomeiwen.com/i15629873/a860086df13c81fe.png)
此时的折线图已经变成了组合图,点击图表工具中的更改类型,选择模板中事先准备好的折线图和面积图的组合图即可套用。
![](https://img.haomeiwen.com/i15629873/ace407773303a059.png)
将组合图拷贝到数据看板中:
![](https://img.haomeiwen.com/i15629873/f183116287929751.png)
进行图表美化,并修改配色:
![](https://img.haomeiwen.com/i15629873/67c666b0d3c4a725.png)
添加组合框和选项按钮
在数据总表中,小鱼使用了组合框选择部门,使用选项按钮选择状态:
![](https://img.haomeiwen.com/i15629873/5593014e3e7a17b0.png)
![](https://img.haomeiwen.com/i15629873/0ef50e0cf3dc3edc.png)
将数据总表中的组合框复制到数据看板:
![](https://img.haomeiwen.com/i15629873/c9debe5e31a88b64.png)
复制过来之后,数据却看不到,这是因为引用发生了变化:
![](https://img.haomeiwen.com/i15629873/c08f56e10369ddff.png)
数据源区域和单元格链接引用的都是数据看板工作表中的单元格。我们需要在引用前面加上 “数据总表!” ,其中 !
为英文状态下的感叹号。
![](https://img.haomeiwen.com/i15629873/03f97380dfa5865a.png)
这样看板中的两个圆环图便可以根据组合框的选项动态绘制了~
![](https://img.haomeiwen.com/i15629873/1b8063393d1491f8.png)
同样的方式,下面完成在职状态查询中选项按钮的插入,并编辑单元格链接
![](https://img.haomeiwen.com/i15629873/469d08fc6aaf7a54.png)
最终完成效果:
![](https://img.haomeiwen.com/i15629873/3d9d116a82fbd251.png)
以上就是 Excel 制作交互式看板的全部内容了~学习愉快 (* ̄︶ ̄)
网友评论