製作圖表組件

1.1 應用場景

資料分析的結果，往往需要透過圖表展示，
圖表種類繁多，如何選擇正確的圖表達到“一圖勝千言”的效果呢。圖表分成幾個大類，使用者可根據自己的目的選擇適合的圖表。

1.2 範例簡介

案例根據幾個分類中最常用的幾個圖「指標卡、柱形圖、餅圖、折線圖、地圖」作為介紹的重點。幫助大家學習如何在  FineBI 中製作圖表。
範例資料：表格圖表_辦公用品銷售資料.xlsx

在新增圖表之前，需要將範例資料下載，並新增到 FineBI 中，使用範例資料新增組件。
如何上傳資料並新增組件詳情請參考：5分鐘上手FineBI

2.1 指標卡

1）查看一下辦公用品的銷售總額。
選擇圖表型別「KPI指標卡」，並在「圖表屬性>正文」中拖入「銷售額」欄位。完成後如下圖所示：

2）美化
點選「正文」，設定正文的展示格式。點選分析區域「銷售額」欄位，下拉調整「數值格式」為萬。完成如下圖所示：

2.2 柱形圖/折線圖

最常用的反應資料情況和變化趨勢的圖表。
1）製作圖表
拖入欄位，並設定欄位下拉按「年」分組。完成後選擇「自訂圖表」，選擇「圖形屬性」的圖形型別。選擇「柱形圖」就是柱形圖，選擇「折線圖」就是折線圖。如下圖所示：

2）多指標柱形圖
此時，再拖入「利潤」。當有多個指標時，自訂圖表支援對每個指標的圖形進行設定。如下圖所示：

如果圖形屬性，不同指標選擇不同的型別，就變成了組合圖。詳情見本文第 3 節。

2.3 圖表美化

1）美化圖表：在「圖形屬性」中，美化圖表
分別設定圖形屬性下「全部」的顏色大小。銷售額和利潤分別在「標籤」中拖入欄位，並修改數值單位。如下圖所示：

完成後效果如下：

2）美化組件：在「組件樣式」中，美化背景、圖例、網格線等

可以更加自己的主觀審美優化。完成後，如下圖所示：

組件樣式設定詳情可參考文檔：圖形組件樣式

例如，使用柱形圖和折現圖組合起來展示銷售情況。將多個指標使用同一維度分析。並放在同一張圖內展示。 FineBI 可以自訂指標的展示形狀。
例如，我們要求，每個季度的銷售額情況、和銷售額環比增長率情況。
實現思路：1）對「簽約日期」進行處理，變成季度；2）新增欄位，計算出銷售額按季度的環比增長率。

3.1 資料處理

FineBI 支援一鍵新增環比增長率。在製作圖表之前，先將要分析的維度、指標欄位先使用分組表展示。
進行完資料處理後，再一鍵轉化成圖表。
1）新增分析欄位：將欄位拖入維度指標欄（銷售額拖入兩次）；
2）資料分組：下拉日期欄位「簽約日期」選擇「年季度」；
3）快速計算：下拉指標欄位「銷售額」並進行「快速計算>同環比>環比增長率」得到指標後重命名。如下圖所示：

3.2 製作組合圖

1）切換圖表：準備好視覺化圖表需要的資料後，點選「自訂圖表」即可一鍵進入組合圖製作；
2）設定組合圖圖形：組合圖的「圖形屬性」中點選對應指標，可以設定不同的圖形。例如希望銷售額是「線」，銷售額環比增長率是「柱形圖」；
3）設定值軸：完成後，由於兩個指標共用一個左值軸，導致資料顯示不合理。點選下拉「銷售額環比增長率」。可以設定值軸為「右值軸」。

3.3 圖形美化

在「圖形屬性」中美化，是可以對全部、或單個指標進行美化的。
1）對柱形圖美化，需要點選「圖形屬性>銷售額環比增長率」。
①設定小於 0 的柱形圖紅色顯示：在顏色拖入「銷售額」並計算環比增長率。點選「顏色設定」設定自訂區間；
②顯示最大最小值：在標籤拖入「銷售額」並計算環比增長率。點選「標籤設定」最大/最小值；
③設定柱形圖圓角：點選「大小設定」，設定圓角數值。

2）對摺線圖美化，需要點選「圖形屬性>銷售額」。例如，只修改圖形顏色，點選「顏色設定」修改顏色。如下圖所示：

3）如果希望折線圖不被柱形圖遮擋。需要調整指標順序。讓折線圖指標「銷售額」顯示在最後一個。如下圖所示：

3.4 設定分析線

我們觀察到銷售額是一條起起伏伏的折線。除了透過銷售額環比觀察它的趨勢。我們還可以新增分析線。

分析線有警戒線和趨勢線。如下圖所示：
趨勢線：能夠反應出折線變化的大體趨勢。
警戒線：是一條平行與維度欄位的線。能夠畫出指標的最大、最小、平均值。
關於分析線詳情請參見文檔：圖表設定警戒線/趨勢線

3.5 特殊顯示

對於一些滿足條件的指標可以新增特殊顯示效果。例如，銷售額最大的柱子，可以新增圖片填充和閃爍效果。如下圖所示：

如何設定特殊效果可以參考文檔：圖表特殊顯示

使用地圖查看指標不同地區分佈情況。
製作地圖第一步需要進行待分析區域欄位的「地理角色」轉化。
實現思路：1）將「省份」轉化為地理角色；2）選擇「區域地圖」拖入欄位，製作圖表。完成如下圖所示：

我們可以看到根據銷售額大小，得到一張漸變的區域地圖。
製作地圖詳情可參考文檔：地圖簡介

地圖美化
1）製作好的地圖，我們可以修改它區域地圖的顏色。如下圖所示：

2）還可以在組件樣式。美化它的地圖背景，邊框等。如下圖所示：

看完本章內容，恭喜您！已經完成了圖表的學習。那麼，請嘗試大致還原一下儀表板。如下圖所示：