6.3 制作有科技感的BI看板:设备运维情况看板
作者:
凌祯 更新:2021-09-06 14:02 字数:14882
6.3
制作有科技感的bi看板:设备运维情况看板
我设计的这个看板,灵感来自某大公司的商务数据。建议大家平时也可以关注一些大公司的数据看板或者数据报告。看到好的设计素材就保存起来,这样在你设计看板或制作图表时就能得到有益的启发。在平时我们多观察生活中的场景,如一些数据展示、一些广告设计的配色等,也可为自己的设计带来灵感(见图6-49和图6-50)。
图6-49
图6-50
下面先来分析我们要做的这张看板具体运用了哪些图表:包括折线图和面积图的组合、两个柱形图(不同的对比方式),以及条形图、圆环图、环形柱状图等。其实看似复杂的bi看板,也离不开数据源的有效支持。下面结合前面的看板制作逻辑,我们来看看如何从零开始制作这样一份商务图表吧。
原始表:数据库明细可参见第6章的示例文件“制作有科技感的bi看板:设备运维情况看板”中的数据源(见图6-51),原始单据模板如图6-52所示。
图6-51
图6-52
6.3.1 制作页眉
1.设置看板背景颜色
在看板编制页面的工作表中选中整个表格区域,利用colorpix工具取色,填充颜色设置为rgb色值:5,12,56(见图6-53),字体颜色设置为rgb色值:0,81,107,字体设置为加粗、微软雅黑,字号为10,且居中显示。
建议大家在制作看板时,中文采用微软雅黑字体,英文采用arial字体。
图6-53
除了整体填充excel颜色外,还可以采用背景图片的方式来设置看板背景效果。
单击【页面布局】→【背景】,插入示例文件中的深蓝色图片,之后单击【视图】选项卡,并取消勾选【网格线】(见图6-54和图6-55)。
图6-54
图6-55
2.制作看板主标题
可以利用设计师网站搜索适宜的页眉元素,如下所示。
· 千库网(见图6-56)。
· 觅元素。
图6-56
在本例中,我采用了带有科技感的页眉元素(见图6-57),并将该页眉元素插入excel看板的工作表中。
图6-57
插入一个文本框,并编辑文字“表姐凌祯公司设备管理智能看板”,设置如下:文本框为无颜色、边框为无(见图6-58)。
图6-58
将字体更改为微软雅黑,字号为18号,颜色为白色,对齐方式为居中;调整页眉图片与页眉文本框的位置,使二者重叠,即完成看板页眉的制作(见图6-59)。
图6-59
3.创建绘图数据源表
创建一页新的工作表,用于放置整体绘图数据。
在a1单元格中输入“机修费用总额”,在b1单元格中输入公式=sum(表1 (维修费用)),即可计算出数据源表中所有的维修费用总额(见图6-60)。
图6-60
将总额拆分为一个个数字,可以方便我们在看板中显示一个个独立文本框的数值。
在b3:j3单元格区域中输入1到9的数字,在b4单元格中输入公式=mid($b$1,b3,1),复制填充公式并拖放到j4单元格。
当然,你还可以使用函数column(a1)嵌套的方法,取数字1~9作为mid函数的参数来源,这样可以减少辅助数据源的存在。
而某一业务的具体数值大小,可以根据每家公司的情况进行调整(见图6-61)。比如:在一家公司的人力资源看板中,其人工成本只是万元级,则只需“mid”出1~5位数字即可。
图6-61
此处所建立的绘图数据源,是作为看板的【机修费用总额(元)】(见图6-62)中一个个独立数字显示图表数据源而构建的。
在表内构建系统当前日期辅助数据源,在e1单元格中输入公式=today()(见图6-63)。
图6-62
图6-63
在bi看板的页眉区域中心位置绘制一个文本框,在编辑栏中输入“=”,再单击计算好的日期公式单元格,即sheet1!e1。此时,文本框自动显示系统当前的日期。修改文本框的格式:更改字体颜色为蓝色,设置字体为微软雅黑、字号为8号(见图6-64)。
图6-64
创建页眉图标
打开一个钟表形式的icon(图标),其颜色为hex模式:43a9f9(见图6-65)。
图6-65
将该图标插入excel看板的sheet页面中,并调整到合适的位置(见图6-66)。
图6-66
4.插入公司的logo
在看板的页眉位置处,可以选择自己公司的logo图片。在本例中,我们插入示例文件中的小火箭图片(见图6-67),并可使用excel自带的【删除背景】工具来实现“抠图”的效果。
图6-67
插入图片后,选中小火箭图片,单击【图片工具】→【格式】选项卡中的【删除背景】,默认的玫红色为删除的区域(见图6-68)。
图6-68
进一步单击【标记要删除的区域】按钮,单击涂抹在图片中待删除的位置,用以删除图片中的“云朵”区域(见图6-69)。
图6-69
修订完毕后,单击【保留更改】按钮完成抠图。然后调整小火箭图片的大小并拖放到标题中合适的位置区域,即可完成bi看板页眉的制作(见图6-70)。
图6-70
6.3.2 制作数字标题
1.制作标题的文本框
插入文本框,输入文字“机修费用总额(元)”,设置文本框为无颜色,边框为无,字体颜色为蓝色(见图6-71)。
图6-71
2.插入机修的图标
打开一个修理形式的icon(图标),其颜色为hex模式:43a9f9(见图6-72)。
图6-72
将该图标插入excel看板的sheet中,并调整好该图标的大小、位置(见图6-73)。
图6-73
3.设置数字显示文本框
绘制一个独立的文本框,用于放置【机修费用总额(元)】中的第一位数字。插入文本框,并在编辑栏中输入“=”,再单击前面计算好的将总额拆分为一个个数字的b4单元格(也就是=sheet1!b4)。此时excel自动将单元格中的值关联到该文本框中,显示为数字4 (见图6-74)。
图6-74
下面更改文本框的填充效果。
文字部分如下:设置字体为arial,字号为28号,白色加粗字体。
文本框填充如下:文本框为蓝色,透明度为80%,边框颜色为无色(见图6-75)。
快速复制文本框。选中刚刚设置好的文本框后,按住ctrl+shift组合键,配合鼠标向右拖曳复制出5个一样的文本框(见图6-76)。
图6-75
图6-76
在编辑栏中输入“=”,再单击前面计算好的将总额拆分为一个个数字的c4单元格,数字9就显示出来了。
在编辑栏中输入“=”,再单击前面计算好的将总额拆分为一个个数字的d4单元格,数字3就显示出来了。
在编辑栏中输入“=”,再单击前面计算好的将总额拆分为一个个数字的e4单元格,数字4就显示出来了。
在编辑栏中输入“=”,再单击前面计算好的将总额拆分为一个个数字的f4单元格,数字5就显示出来了。
在编辑栏中输入“=”,再单击前面计算好的将总额拆分为一个个数字的g4单元格,数字2就显示出来了。
数据源表中汇总的结果:机修费用总额“493452”,已经在一个个独立的文本框中有效显示了(见图6-77)。
图6-77
再次选中第一个已设置好格式的数字“4”文本框,双击【开始】选项卡中的【格式刷】按钮,实现格式刷的连续使用。然后,依次在9、3、4、5、2的文本框上单击,完成这些数字文本框的格式快速应用(见图6-78)。
图6-78
4.文本框的对齐与组合
按住ctrl键,依次单击所有的数字显示文本框,然后,单击【格式】选项卡中的【对齐】→【顶端对齐】和【横向分布】(见图6-79)。
图6-79
设置完毕后,单击鼠标右键,选择【组合】,将所有的文本框组合在一起,即可完成数字显示区域的设置(见图6-80)。
图6-80
6.3.3 制作3个比率圆环图
1.制作数字文本标题
机修总小时数:
在绘图数据工作表的a6单元格中输入“机修总小时数”,在b6单元格中输入公式=round(sum(表1(修理时长)),0) (见图6-81)。
图6-81
在看板表格里,将前面设置好的“机修费用总额(元)”文本框复制一份,更改字号为8,字体颜色为白色(见图6-82)。
图6-82
在文本框里将“机修费用总额(元)”改成文字“机修总时长(小时)(见图6-83)。
图6-83
将设置好的“机修总时长(小时)”文本框复制一份,去掉里面的文字,在编辑栏中输入“=”,再单击前面计算好的机修总时长:b6单元格(公式=sheet1!b6),数字974就显示出来了。再设置其字体为arial,字号为18,字体颜色为蓝色,调整位置(见图6-84)。
图6-84
故障率:在之前机修费用总额的工作表的a8单元格中输入“故障率”,在b8单元格中输入公式=sum(表1(修理时长))/(设备清单!g98*8*1.25*275)。
说明:此处的设备故障率=修理时长/(所有设备数量x1天8小时x倒班系数1.25x全年标准工作日275天)(见图6-85)。
图6-85
在看板表格里,将前面设置好的“机修总时长(小时)”和“974”文本框复制一份,在复制的“机修总时长(小时)”文本框中更改文字为“故障率”。
在编辑栏中输入“=”,再单击前面计算好的故障率b8单元格,并且设置该单元格的格式为“百分比”形式,则数字0.080%就显示出来了。然后设置字体为arial,字号为12,利用colorpix工具取色,更改字体颜色为rgb色值:221,72,61。之后调整文本框的位置(见图6-86)。
图6-86
2.制作圆环图的绘图数据源
下面先计算保养缺位、修复完成率、维修配合率3个kpi数据。
· 保养缺位:计算数据库里“故障原因”中属于“保养缺位”的占比,公式=sumifs (表1(维修费用),表1(故障原因),sheet1!b10)/b1。
· 修复完成率:计算已经修复完成次数占总维修次数的比率。首先计算“维修结果”中属于 “没有修好”的个数,公式=countifs(表1(修理结果),sheet1!c13),之后计算“没有修好”占“维修结果”的比例,公式=d13/counta(表1(修理结果))。计算出没有修好的占比后,则修复完成率公式=1-e13。
· 维修配合率:计算数据库里“配合态度“中属于“abc”的占比。首先计算出“配合态度”为“d”的个数,公式=countifs(表1(配合态度),sheet1!c16),占比公式=d16/counta(表1(配合态度));剩下的就是“abc”,也就是“维修配合率”的占比,公式=1-e16。
在制作圆环图前,先计算出这3个kpi数据的比例后,再分别用1减去这3组数据,得到制作圆环图的绘图数据源(见图6-87)。
图6-87
3.制作圆环图
在看板工作表页面中,单击【插入】选项卡,选择【饼图】中的【圆环图】(见图6-88)。
图6-88
为圆环图添加数据。单击【图表工具】→【设计】选项卡,之后单击【选择数据】按钮,在弹出的【选择数据源】对话框中单击图例项(系列)的【编辑】按钮,在随后弹出的【编辑数据系列】对话框中设置【系列名称】为绘图数据源表格中的b10单元格,设置【系列值】为绘图数据源表格中的c10:d10单元格区域(见图6-89),之后单击【确定】按钮,即可生成圆环图。
图6-89
已经制作完成的【保养缺位】圆环图如图6-90所示。
再将做好的这个圆环图快速复制/粘贴两份,按照上面修改数据源的步骤更改圆环图的修复完成率、维修配合率数据源,得到其他两个kpi数据的圆环图。3个kpi数据的原始圆环图如图6-91所示。
图6-90
图6-91
4.美化圆环图
选中一个圆环图表,在【格式】选项卡中,快速设置【形状填充】为【无填充】,【形状轮廓】边框设置为【无边框】。依次完成3个图表的操作(见图6-92)。
图6-92
选中图表区域中的圆环,将环形的【形状轮廓】边框设置为【无边框】,利用colorpix工具取色,更改蓝色部分的颜色为rgb色值:67,169,249。依次完成3个图表的操作(见图6-93)。
图6-93
利用colorpix工具取色,更改橘色部分的颜色为rgb色值:67,169,249,透明度为84%。依次完成3个图表的操作(见图6-94)。
图6-94
设置3个圆环图的图表标题字体为微软雅黑,字号为8,字体颜色为白色。
选中3个图表并拖到合适位置,使用对齐技巧将它们进行对齐:选中3个图表后,单击【格式】选项卡,选择【顶端对齐】及【横向分布】以调整好布局位置(见图6-95)。
为图表增加数据标签。复制之前做好的一个文本框,在编辑栏中输入“=”,再单击绘图数据源中3个kpi占比所在单元格的位置,从而完成文本框与单元格的值相互联动的效果。引用完成后,进一步设置文本框的样式:字体为arial,字号为11,字体颜色为白色,调整文本框至合适位置(见图6-96)。
图6-95
图6-96
将3个圆环图与标签文本框选定后,单击鼠标右键,选择【组合】,将其组合在一起,即完成3个比率圆环图的制作(见图6-97)。
图6-97
6.3.4 制作报修原因分析数据透视圆环图
1.构建绘图数据源
单击数据库中的任意一个有字单元格,之后单击【插入】选项卡的【数据透视表】,在弹出的对话框中选择【现有工作表】,单击选择sheet1表中的a21单元格,之后单击【确定】按钮(见图6-98)。
在插入的透视表界面,将【数据透视表字段】里的【故障原因】字段拖到【行】,将【维修费用】拖到【值】,求出每一个故障的费用。圆环图的数据源就构建好了(见图6-99)。
图6-98
图6-99
2.制作数据透视圆环图
单击选中数据透视表后,单击【插入】选项卡中的【数据透视图】,在打开的对话框中选择【饼图】→【圆环图】,创建一个数据透视圆环图(见图6-100)。
选中数据透视圆环图,将其剪切到看板工作表上,选中【维修费用】按钮,单击鼠标右键,选择【隐藏图表上的所有字段按钮】(见图6-101)。
图6-100
图6-101
之后增加图表标签。选中图表区域后,单击鼠标右键,选择【添加数据标签】与【设置数据标签格式】,在右侧【设置数据标签格式】窗格的【标签选项】中勾选【百分比】等(见图6-102)。此时图表中自动显示了比率:类别名称、百分比,并且显示了引导线。
图6-102
3.美化数据透视圆环图
设置标签字体为微软雅黑,字号为8号,字体为白色。
选中整个圆环图表,将【形状填充】设置为【无填充】,将图表的【形状轮廓】边框设置为【无边框】,调整好图表的位置(见图6-103)。
图6-103
选中透视圆环图中的环形部分,将环形的【形状轮廓】边框设置为【无边框】,利用colorpix工具取色,依次选中4个部分的环形部位,更改4个故障原因的颜色并依次设置。
【保养缺位】部分的颜色为rgb色值:67,169,249。
【操作不当】部分的颜色为rgb色值:221,72,61。
【人为损坏】部门的颜色为rgb色值:106,146,190。
【自然损坏】部分的颜色为rgb色值:64,61,70(见图6-104)。
图6-104
给圆环图加上边框。选中图表,设置边框为实线,设置边框颜色为rgb色值:67,169,249,透明度为84%,宽度为0.25磅(见图6-105)。
图6-105
绘制小三角形。依次单击【插入】→【形状】→【等腰三角形】(见图6-106)。
更改三角形的颜色为rgb色值:67,169,249,【形状轮廓】边框设置为【无边框】,选中三角形的定点汇总黄色句柄,将其拖曳至边框位置处,使初始绘制的三角形变成直角三角形(见图6-107)。
图6-106
图6-107
将三角形的【宽度】和【高度】调整为0.25,按住键盘的ctrl键+鼠标滚轮,调整、放大工作表的显示比例。然后将三角形拖到图形的左上角位置,再按住ctrl+shift组合键复制一个三角形至图形的右下角位置,按住ctrl键依次选中两个三角形后,选择【绘图工具】→【格式】选项卡,单击【旋转】按钮右侧的小三角,选择【水平翻转】(见图6-108)。
说明:在制作bi看板的细节美化元素时,可利用ctrl键+滚轮的方式,快速调节excel的缩放级别,方便进行精细化的操作。
图6-108
再选中已调整好的两个三角形,按住ctrl+shift组合键的同时复制两个三角形至图形的左上角和右上角位置,单击【绘图工具】→【格式】选项卡,之后单击【旋转】按钮右侧的小三角,选择【垂直翻转】(见图6-109)。
图6-109
再依次将三角形的【宽度】和【高度】调整为0.15,调整位置。此时,拖动圆环图整个图表时,图表内部的所有元素都是一同联动的。至此,完成了数据透视圆环图的制作(见图6-110)。
6.3.5 制作故障类别环形柱状图
图6-110
1.构建绘图数据源
单击数据库中的任意一个有字单元格,之后单击【插入】选项卡中的【数据透视表】按钮,在打开的对话框中选择【现有工作表】,之后单击sheet1表的c30单元格,单击【确定】按钮(见图6-111)。
图6-111
将【数据透视表字段】里的字段【设备报修部位】拖到【行】,【维修费用】拖到【值】,求出每一个部位的费用,数值按升序进行排序,即构建生成了excel报表数据源(见图6-112)。
图6-112
在数据透视表的基础上,我们还需要构建环形柱状图的绘图数据源。
在前面的内容中我们了解到,环形柱状图以某个环形角度构建的环形区域作为数据系列的标识。一般来说,在环形柱状图中,最大数据系列的环形角度不超过270°,并由最外环往最内环逐级递减呈现数据。因此,我们将透视表统计的数据进行角度值的转化,将原始数据中的最大值转化为270°,其他数据系列按比率缩放(见图6-113)。
图6-113
数据系列中的计算公式如下:
· 加工系统=b31/max($b$31:$b$35)*270
· 操作系统=b32/max($b$31:$b$35)*270
· 固定系统=b33/max($b$31:$b$35)*270
· 联动系统=b34/max($b$31:$b$35)*270
· 动力系统=b35/max($b$31:$b$35)*270
除270°以外的辅助区域计算公式如下:
· 加工系统=360-c31
· 操作系统=360-c32
· 固定系统=360-c33
· 联动系统=360-c34
· 动力系统=360-c35
至此,完成了制作环形柱状图所用数据源的构建。
2.制作环形柱状图
辅助数据源构建完成后,选中绘图数据源中的c31:d31单元格区域,单击【插入】选项卡,之后选择【饼图】→【圆环图】(见图6-114)。
图6-114
单击圆环图表,在c31:d31处向下拖动数据区域边框,即快速生成了5个环形圈(见图6-115)。
图6-115
3.美化环形柱状图
将圆环图剪切至bi看板工作表中,设置图表颜色为无颜色。按照目标图表的配色方案给圆环图加上边框。选中图表区域,设置边框为实线,设置边框颜色为rgb色值:67,169,249,透明度为85%,宽度为0.25磅(见图6-116)。
图6-116
更改圆环图内径大小:选中圆环图中的任意一个环形,单击鼠标右键,选择【设置数据系列格式】,在右侧【设置数据系列格式】窗格的【系列选项】中,将【圆环图内径大小】的参数值调整为55%(见图6-117)。
图6-117
更改每个环形的【形状轮廓】边框设置为【无边框】。选中第一个圆环图以后,设置其边框颜色为无色。其他圆环保持相同设置(见图6-118):这时仅需按住f4键,即可快速重复上一步操作(注意:在笔记本电脑中,如果按住键盘的f4键无法启用功能键的相关功能时,则需要同时按住fn+f4组合键)。
依次将圆环图中橘色部分的填充颜色更改为无颜色填充(当要重复上一步操作时,可以使用f4键来提升效率)(见图6-119)。
图6-118
图6-119
更改第一个圆环中蓝色部分的填充颜色,将其设置为由深蓝色到亮蓝色的渐变填充:选中圆环图中的一个蓝色圆环,在右侧【设置数据点格式】窗格的【填充与线条】选项卡中选择【渐变】,颜色模式为“由亮蓝至深蓝”(颜色的rgb色值可使用colorpix工具直接拾取),修改【方向】为线性向下。设置完成后,选中第二圈蓝色圆环图,在右侧【设置数据点格式】窗格的【填充与线条】选项卡中选择【渐变】,此时excel会自动填充上一步已经设置好的颜色填充效果。依次选择各圈蓝色圆环图,并重复上述步骤,快速更改每个蓝色圆环的填充效果(见图6-120)。
图6-120
修改完毕后,还可以进一步修改环形柱状图的内径大小。选中图表区域后,单击鼠标右键,选择【设置数据点格式】,在右侧【设置数据点格式】窗格的【系列选项】中,将【圆环图内径大小】的参数值调整为25%(见图6-121)。
图6-121
像6.3.4节中一样,绘制小三角形,将其作为本图图表区域四周美化的锚定边框(见图6-122)。
增加环形柱状图的标签名称。由于我们刚开始在做这个图表时是按照维修费用金额由小到大排列的,因此如果直接将名称进行复制,名称与环形显示是相反的,而如果更改透视表的排序,又会影响到图表的显示。所以,我们需要另外做一份标签名称数据源,直接复制一份透视表,设置数值的排列顺序为降序排列,即维修费用金额按照由大到小进行排列。选中透视表的行标签区域,设置标签名称的字体为微软雅黑,字号为8,字体颜色为白色(见图6-123)。
图6-122
图6-123
选中行标签区域,单击【照相机】按钮,excel就会生成一个选中区域的截图。利用【裁剪】功能可以进一步调整照相机所拍图片的大小。(说明:使用照相机功能所截出的图片,是能够与excel单元格中的内容进行同步联动的。这就保障了如果数据源发生更新变化时,所有的透视表、图表对应的数据也会联动变化。)
提示:如果大家没有找到【照相机】按钮,则需要选择【文件】→【excel】选项→【自定义功能区】→【不在功能区中的命令】,将【照相机】添加进去。
在使用过程中,选择需要照相的区域(如上述步骤中的透视表行标签区域),然后单击【照相机】功能按钮,再到需要进行图片数据比较的表格中拖曳一下编辑框,即可将照相机获得的图片显示到对应的表格中(见图6-124)。
图6-124
将裁剪好的图片复制到看板表格上。如果图片显示的内容发生了变化,则只需要在编辑栏中重新输入=sheet1!$f$31:$f$35,就可以重新绑定行标签中的内容了(见图6-125)。
将名称拖放至环形柱状图的合适位置,边框设置为无,并将图表和标签名称组合在一起,即可完成故障类别环形柱状图的制作(见图6-126)。
图6-125
图6-126
6.3.6 制作维修费用及时长组合图表
对于修理时长和维修费用两组数据的呈现,在本例中我们采用折线图+面积图的组合图表进行展示。
1.构建绘图数据源
单击数据库中的任意一个有字单元格,单击【插入】选项卡中的【数据透视表】,在打开的对话框中选择【现有工作表】,之后单击sheet1表的a41单元格,最后单击【确定】按钮(见图6-127)。
图6-127
将【数据透视表字段】里的字段【报修时间】拖到【行】,【维修费用】和【修理时长】拖到【值】(见图6-128)。
图6-128
如果此时【行】的报修时间自动变成了【年】-【季度】-【月】的形式,则只需将【季度】字段拖曳到任意工作表区域并删除即可。这样最终的图表效果就只是按月进行分布的(见图6-129)。
图6-129
此时透视表中的维修费用统计出来了,但修理时长是计数形式的,而不是求和形式的。这是因为在excel数据源区域中,该字段列表中有非数值单元格的存在,如空格。这样会使得该字段的统计默认形式为【计数】而非【求和】。因此,需要将修理时长也设置为求和形式。以下两种设置方法皆可。
第一种方法:在【数据透视表字段】的【计数项:修理时长】处单击【值字段设置】(见图6-130)。
图6-130
在弹出的【值字段设置】对话框的【值汇总方式】中选择【求和】,透视表中修理时长原来的计数结果就调整为求和的结果(见图6-131)。
图6-131
第二种方法:直接在计数列内的任意一个单元格中单击鼠标右键,选择【值汇总依据】→【求和】(见图6-132)。
图6-132
设置完成以后,进一步更改数据透视表的布局。在数据透视表工具的【设计】选项卡中选择【报表布局】→【以表格形式显示】,数据透视表的年份和月份就分为两列了(见图6-133)。
在年份列的任意一个单元格处单击鼠标右键,选中【数据透视表选项】(见图6-134)。
图6-133
图6-134
在弹出的【数据透视表选项】对话框的【布局】中,勾选【合并且居中排列带标签的单元格】,则透视表中的格式就按照具体年份合并单元格显示了(见图6-135)。
图6-135
2.制作组合图
插入面积图和折线图的组合图。单击透视表区域,之后单击【插入】选项卡中的【插入数据透视图】,在弹出的【插入图表】对话框中选择【组合】,将【维修费用】的图表类型设置为【面积图】;将【修理时长】的图表类型设置为【带数据标记的折线图】,并勾选【次坐标轴】(见图6-136)。
图6-136
将生成后的数据透视组合图剪切到看板工作表中(见图6-137)。
图6-137
3.美化组合图
单击图表上的透视表筛选字段按钮,之后单击鼠标右键,选择【隐藏图表上的所有字段按钮】,选中图例区域后,按delete键,删除图例(见图6-138)。
图6-138
选中左侧坐标轴,单击鼠标右键,选择【设置坐标轴格式】,在右侧的窗格中将垂直坐标轴的最大值修改为“70000”,让面积图和折线图在图表呈现上拉开距离(见图6-139)。
进一步美化图表:删除网格线,选中图表,将【形状填充】设置为无填充,边框颜色设置为rgb色值:67,169,249,透明度设置为84%(见图6-140)。
选中图表,将字体设置为微软雅黑,字号为8,字体颜色为白色(见图6-141)。
图6-139
图6-140
图6-141
美化面积图表。选中面积图,单击【设置数据系列格式】→【填充】,选择【颜色渐变】,设置【角度】为90°,颜色调整成深蓝,颜色位置为83%,透明度为100%(见图6-142)。
图6-142
美化折线线条和标记。选中折线,单击鼠标右键,选择【设置数据系列格式】,在右侧的窗格中将颜色设置为rgb色值:221,72,67,【宽度】为0.25磅,【短划线类型】为方点(见图6-143);设置标记颜色为rgb色值:221,72,67。
图6-143
给图表增加图例:选中整个图表,单击【设计】→【添加图表元素】→【图例】→【顶部】(见图6-144)。
更改图例数据的显示:将透视表的【求和项:维修费用】和【求和项:修理时长】中的【求和项:】替换为“”(一个空格)(见图6-145)。
图6-144
图6-145
此时,图例中的文字也会随之更改(见图6-146)。
图6-146
增加文本框,输入文字“修理时长/维修费用统计”,将图表宽度调到合适的大小。当然,具体的配色方案还可以参考示例文件中的图表,以进行进一步的修改和调整(见图6-147)。
图6-147
像前面那样绘制图表四周锚定的蓝色小三角形,将其放置在图表区域中。然后将本节中的图表元素进行组合,即可完成组合图的制作(见图6-148)。
图6-148
6.3.7 制作各年月维修次数柱形图
1.构建绘图数据源
快速构建数据透视表的方法是,直接复制一份上面已经做好的组合图的透视表,之后将【汇总方式】更改为【计数】,标题更改为【维修次数】即可(见图6-149)。
图6-149
2.制作柱形图
插入柱形图。单击透视表中的任意一个单元格,之后单击【插入】选项卡,在【图表】的【二维柱形图】中选择【簇状柱形图】。此时生成的也是一张数据透视柱形图。因此,只要是基于透视表制作的图表,无论其创建的过程和步骤如何,本质上都是数据透视图(见图6-150)。
图6-150
3.美化柱形图
将柱形图剪切到看板工作表,跟上面的组合图设置相似,单击图表上的相关按钮,之后单击鼠标右键,选择【隐藏图表上的所有字段按钮】,删除图例,删除网格线。
选中图表,将【形状填充】设置为无填充,边框颜色设置为rgb色值:67,169,249,透明度设置为85%。
选中图表,将字体设置为微软雅黑,字号为8,字体颜色为白色(见图6-151)。
图6-151
进一步美化柱形图中的数据系列区域。选中任意一个柱形后,设置其填充效果如下:渐变填充,【角度】为90°,用之前调好的两个蓝色做渐变。具体颜色的rgb值可参考示例文件。可使用colorpix取色器工具进行取色设置(见图6-152)。
图6-152
调整图表的大小。选中图表后,可以在【格式】选项卡的【大小】功能组中,对图表的大小进行精确的设置,如:设置宽度为19.6厘米,即保持与上面的面积图表的宽度一致(见图6-153)。
图6-153
按住ctrl键并单击鼠标,同时选中上面的组合图和柱形图,然后单击【格式】选项卡,之后单击【对齐】→【左对齐】,使其进行有效对齐(见图6-154)。
图6-154
在柱形图中添加数据表。选中图表区域后,单击【设计】选项卡,之后单击【添加图表元素】→【数据表】→【显示图例项标示】,即在图表区域的下方添加了一张表格,用于显示每个月的具体数据(见图6-155)。
图6-155
像前面那样绘制图表四周锚定的蓝色小三角形,将其放置在图表区域中。然后将本节中的图表元素进行组合,即可完成各年度维修次数组合图的制作(见图6-156)。
图6-156
6.3.8 制作人员维修情况条形图
1.构建绘图数据源
将上面做好的组合图的透视表粘贴一份到空白区域后,将之前的字段都拖出,即清空透视表的字段设置。将【设备操作者】拖到【行】,将【配合补贴】和【配合时长】拖到【值】,标题更改为【配合补贴】和【配合时长】,将【配合时长】的【值汇总依据】改为【求和】(见图6-157),再将【配合补贴】按【升序】进行排序。
图6-157
2.制作条形图
插入条形图。单击透视表中的任意一个单元格,之后单击【插入】选项卡,在【图表】的【二维条形图】中选择【簇状条形图】(见图6-158)。
图6-158
3.美化条形图
将条形图剪切到看板工作表,与上面的组合图设置相同。选择图表区域后,再单击图表上的透视表筛选字段按钮,之后单击鼠标右键,选择【隐藏图表上的所有字段按钮】,然后依次删除图例和网格线。
选中图表区域,在【图表工具】→【格式】选项卡下,将【形状填充】设置为无填充,边框颜色设置为rgb色值:67,169,249,透明度设置为85%。
选中图表区域,在【开始】选项卡下,将字体设置为微软雅黑,字号为8,字体颜色为白色(见图6-159)。
图6-159
调整较长条形的填充颜色:选中较长的条形,设置颜色渐变,方向为【线性向右】,【角度】为0°,颜色为由亮蓝色到深蓝色,颜色位置为100%,透明度为0%(见图6-160)。
选中较短的条形,之后选择【纯色填充】,颜色设置为红色(见图6-161)。
选中水平坐标轴,单击鼠标右键,选择【设置坐标轴格式】,在右侧的窗格中将【最小值】设置为0,【最大值】设置为250(见图6-162)。
图6-160
图6-161
图6-162
设置好后,删除水平坐标轴,并将图表内部的绘图区域调大一些,使条形图尽可能地扩大显示范围。设置图表的宽度与6.3.4节完成的“制作报修原因分析数据透视圆环图”的宽度一致:选中条形图图表后,在【格式】选项卡中将图表的宽度调整成7.4厘米,并使其与圆环图的对齐方式为【居中对齐】(见图6-163)。
图6-163
最后设置图表的4个小三角形,具体步骤请参考上面圆环图表中绘制小三角形的方法,完成“人员维修情况”条形图的绘制(见图6-164)。
图6-164
6.3.9 制作报修部位清洁度条形图
1.构建绘图数据源
创建透视表后,将【报修部位清扫】拖到【行】,将【修理时长】、【待料时长】、【配合时长】依次拖到【值】,更改标题,将3列数据的【值汇总依据】改为【求和】(见图6-165)。
图6-165
2.制作条形图
插入条形图,单击透视表中的任意一个单元格,之后单击【插入】选项卡,在【图表】的【二维条形图】中选择【簇状条形图】(见图6-166)。
3.美化条形图
将条形图剪切到看板工作表中,与之前图表的设置相同。选择图表区域后,选中图表中的【透视字段】按钮,单击鼠标右键,选择【隐藏图表上的所有字段按钮】,然后依次删除图例和网格线。
选中图表,将【形状填充】设置为无填充,边框颜色设置为rgb色值:67,169,249,透明度设置为85%。
选中图表,将字体设置为微软雅黑,字号为8,字体颜色为白色(见图6-167)。
在图表的顶部增加图例:选中条形图,图表右边有一个“+”,选择【图例】→【顶部】(见图6-168);也可以在【设计】选项卡中单击【添加图表元素】→【图例】→【顶部】进行设置。
图6-166
图6-167
图6-168
设置条形图的填充颜色。首先选中【修理时长】的条形,设置颜色为rgb色值:237,73,94;之后选中【配合时长】的条形,设置颜色为rgb色值:67,169,249;随后选中【待料时长】的条形,设置颜色为rgb色值:105,224,218。删除水平坐标轴,调整图表的位置(见图6-169)。
最后设置图表中的4个小三角形,具体步骤请参考上面圆环图表中绘制小三角形的方法,完成条形图的绘制(见图6-170)。
图6-169
图6-170
6.3.10 制作维修结果柱形图
1.构建绘图数据源
在绘图数据源工作表中,插入透视表后,将【维修结果】拖到【行】,将【修理时长】、【维修费用】依次拖到【值】,更改标题,将两列数据的【值汇总依据】改为【求和】(见图6-171)。
图6-171
当维修费用的金额数值远远大于修理时长的数值,且二者在同一数据标准下进行图表呈现时,由于两组数据差距较大时,会造成数据基数小的那一组无法有效显示数据的波动情况,因此为了清晰地呈现数据较小的指标,要采用主次坐标的方式来制作商务图表。
2.创建组合图
单击透视表中的任意一个单元格,接着单击【插入】选项卡,之后单击【插入图表】按钮,在打开的【插入图表】对话框中选择【组合】,将【维修费用】与【修理时长】的图表类型均设置为簇状柱形图,勾选【修理时长】数据系列后的【次坐标轴】(见图6-172)。
图6-172
3.美化组合图
调整两条柱形的间距,仅选中橙色柱形,单击鼠标右键,选择【设置数据系列格式】,在右侧的【设置数据系列格式】窗格中,将【分类间距】设置为500%,使其变得瘦高一些(见图6-173)。
之后仅选中蓝色柱形,单击鼠标右键,选择【设置数据系列格式】,在右侧的【设置数据系列格式】窗格中,将【分类间距】设置为40%,使其变得矮胖一些(见图6-174)。
图6-173
图6-174
将柱形图剪切到看板工作表,与之前的图表设置相同。选择图表区域后,选中图表中的【透视字段】按钮,单击鼠标右键,选择【隐藏图表上的所有字段按钮】,然后依次删除图例和网格线。
选中图表,将【形状填充】设置为无填充,边框颜色设置为rgb色值:67,169,249,透明度设置为85%。
选中图表,将字体设置为微软雅黑,字号为8,字体颜色为白色(见图6-175)。
图6-175
设置柱形图的填充颜色
选中橙色的柱形,填充颜色为蓝绿色,即rgb色值:67,169,249。
选中蓝色的柱形,设置颜色为红色渐变,方向为【线性向下】,【角度】为90°;设置左侧滑块的颜色为红色,颜色位置为70%,透明度为0%;设置右侧滑块的颜色为红色,颜色位置为100%,透明度为79%(见图6-176)。
图6-176
最后设置图表的4个小三角形,具体步骤请参考上面圆环图表中绘制小三角形的方法。将小三角和图表进行组合,调整图表的大小,放到看板合适的位置,完成柱形图的绘制(见图6-177)。
至此,我们完成了整体bi看板中所有图表元素的绘制。此时,只需要选中任意图表区域,然后按住ctrl+a组合键,即可选中当前看板中所有的图表元素,将其组合为一个整体。这也就意味着我们可以对当前工作表中的所有元素进行位置的调整或整体剪切了。你还可以通过选中图表区域所在的单元格区域,使用照相机的方式,生成一张一模一样的“影子”看板,随后就可以将其粘贴到微信、qq、邮件中,发送给相关领导和同事了(见图6-178)。
图6-177
图6-178