6.3 製作有科技感的BI看板：設備運維情況看板

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）。

說明：此處的設備故障率=修理時長/（所有設備數量×1天8小時×倒班係數1.25×全年標準工作日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