柱形圖-折線圖

1.1 版本

1.2 應用場景

柱形圖和折線圖是比較常見的圖表，圖表組合後既可以用柱形圖比較資料大小，又可以透過折線圖查看資料變化趨勢。

例如，用柱形圖-折線圖展示不同時間的毛利額和毛利額環比增長率的資料大小和變化趨勢，如下圖所示：

1.3 實現思路

使用自訂圖表，當縱軸中拖入多個指標欄位時，每個指標的圖形可以單獨設定，一個指標欄位設定為柱形圖，另一個指標欄位設定為折線圖，如下圖所示：

注1：在「全部」中設定的圖形屬性對所有指標生效，在單個指標中設定的圖形屬性只對該指標生效。

注2：更多圖形屬性設定詳情參見：圖形屬性

1.4 基本要求

1.5 圖表特點

1）優點

• 資訊豐富：可以將不同指標的資料集中展示，給決策者更多的資訊洞察

• 節省空間：同時節省報表版圖空間，能留更多的版圖展示其他資料

2）缺點

• 資料擁擠：過多指標的資料集中在組合圖時，會使圖表過於擁擠

• 資訊冗餘：同時指標的增多，會干擾決策者無法抓住資料主要傳達資訊

範例資料： 銷售明細表.xlsx

2.1 準備資料

1）建立分析主題並新增資料集「銷售明細表」，詳情請參見5分鐘上手FineBI。

2）接下來計算毛利額。點選「新增公式列」，輸入毛利額公式：毛利額=銷售額-成本額。如下圖所示：

2.2 建立組件

1）點選左下角「組件」按鈕。

2）在圖表類型下點選擇「自訂圖表」。

3）將左側待分析區域的「日期」拖入分析區域的橫軸，縱軸拖入兩次「毛利額」欄位，如下圖所示：

4）點選橫軸「日期」的下拉按鈕，選擇「年月」分組，如下圖所示：

5）計算毛利額環比增長率

• 快速計算。對毛利額欄位點選「下拉>快速計算>同比/環比>環比增長率」。
  

• 設定值軸。對進行快速計算的毛利額點選「下拉>設定值軸>右值軸>確定」。
  

• 重新命名。點選「下拉>設定顯示名」。

設定雙值軸說明：

• 兩個指標共用了一個左側值軸，資料差異較大會導致展示效果不好。

• 首先確認一下，指標的展示形式是「指標聚合」才能設定雙值軸。

6）點選「圖形屬性>毛利額」，選擇形狀「線」。如下圖所示：

2.3 美化組件

2.3.1 設定標籤

1）設定毛利額標籤

將左側待分析區域的「毛利額」拖入「圖形屬性>毛利額」中的標籤欄，並設定「數值格式」。如下圖所示：

2）設定毛利額環比增長率標籤
將左側待分析區域的「毛利額」拖入「圖形屬性>毛利額-環比增長率」中的標籤欄，並進行快速計算「下拉>快速計算>同比/環比>環比增長率」。如下圖所示：

2.3.2 設定顏色

1）對標籤欄中「毛利額環比增長率」欄位進行復制。如下圖所示：

2）設定漸變區間

將複製的標籤欄中「毛利額環比增長率」拖入到顏色欄中。「顏色」設定按「毛利額-環比增長率」的數值「區域漸變」，「自訂」2 個區間，並設定值 <0 紅色，>0 藍色。如下圖所示：

2.3.3 設定圖例

在 圖形屬性 中的顏色、大小、形狀、熱力色、半徑中存在欄位，即可生成對應圖例。範例預設在「全部>顏色」新增了「指標名稱」欄位生成了圖例。若不想展示圖例，可以在「組件樣式>圖例」中取消顯示圖例。如下圖所示：

2.4 建立儀表板

1）點選分析主題編輯介面下方新增儀表板。

2）進入儀表板編輯介面，將組件拖入至儀表板中，如下圖所示：

3）下拉選擇「編輯標題」，樣式選擇「自訂」，設定標題為「柱形圖-折線圖」，點選「確定」。如下圖所示：

2.5 效果查看

1）PC端

2）行動端