面積圖-折線圖

1.1 應用場景

面積圖-折線圖可以直覺地反映資料量的大小並進行比較，適用於計劃和實際的對比場景。

1.2 預期效果

例如，求生產中計劃成本與實際成本的對比，用淺色面積圖表示計劃成本，深色折線圖表示實際成本，方便觀察成本消耗是否異常。

面積圖-折線圖展示效果如下圖所示：

1.3 實現思路

當縱軸中拖入多個指標欄位時，每個指標的圖形是可以單獨設定的。如下圖所示：

• 在「全部」中設定的圖形屬性對所有指標生效。

• 在單個指標中設定的圖形屬性只對該指標生效。

注：圖形屬性相關設定請參見：圖形屬性

此時，使用者可自訂組合圖。

2.1 準備資料

開啟FineBI，在「我的分析」下選擇某個資料夾，點選「建立分析主題」，上傳本地Excel資料並點選「確定」。如下圖所示：

範例資料：生產成本圖.xlsx

2.2 建立組件

1）點選左下角「組件」按鈕。如下圖所示：

2）圖表類型下選擇「自訂圖表」，將「年月」欄位拖入橫軸，「生產成本-計劃」和「生產成本-實際」欄位拖入縱軸。如下圖所示：

2.3 更改形狀

在「圖形屬性」下，更改指標對應形狀，「生產成本-計劃」為「面」，「生產成本-實際」為「線」。如下圖所示：

2.4 美化圖表

2.4.1 調整樣式

1）在「圖形屬性」下點開「連線」，分別將兩個指標遠端「樣式」調整為「曲線」。如下圖所示：

2）將「生產成本-實際」欄位「標記點」設定成「無」，使圖表更簡潔。如下圖所示：

2.4.2 設定顏色

在「圖形屬性」下將「生產成本-計劃」指標的「顏色」設定為淺色，以增強對比效果。如下圖所示：

2.5.1 PC端

效果如下圖所示：

2.5 效果查看

2.5.2 行動端

App 及 HTML5 端效果如下圖所示：