同事制作的這個(gè)面積圖,實(shí)在太漂亮了!(附模板)

大家好,我是研究數(shù)據(jù)可視化的小爽~
每到數(shù)據(jù)匯報(bào)的時(shí)候,作為助理的我,需要幫領(lǐng)導(dǎo)處理一些數(shù)據(jù)美化的問題。這一天主管發(fā)給我一張表格數(shù)據(jù),讓我對(duì)其進(jìn)行可視化。
表格是二維表數(shù)據(jù)。這張表展示了一年中四個(gè)季度,三個(gè)業(yè)務(wù)員銷售情況的數(shù)據(jù)。

俗話說,文不如表,表不如圖。
圖表相比表格,更能使讀者快速洞察數(shù)據(jù)的情況。
這些數(shù)據(jù)該怎樣美化呢?

思路分析
直接用折線圖?
折線圖可以是可以,但是折線圖只能看出不同業(yè)務(wù)員在一年四個(gè)季度中的趨勢(shì)情況。還是不夠直觀。

這里面還隱藏著一個(gè)包含條件。一年有四個(gè)季度。每個(gè)季度有三個(gè)業(yè)務(wù)員的銷售數(shù)據(jù)。
所以用堆積柱形圖,進(jìn)行比較?
看起來比直接用折線圖直觀。

用堆積面積圖?
每個(gè)季度它的總和是由不同業(yè)務(wù)員匯總的。

用層次結(jié)構(gòu)表?
針對(duì)包含層級(jí)關(guān)系,我們可以使用層次結(jié)構(gòu)圖表。
Office2016 出現(xiàn)了兩種這類的圖表:樹狀圖 和 旭日?qǐng)D。
制作樹狀圖需要具有層次的數(shù)據(jù)列作為維度。然后值大小作為度量。

所以,在使用樹狀圖之前,我們需要將二維數(shù)據(jù)表轉(zhuǎn)為一維數(shù)據(jù)表。
這里我們可以使用 PowerQuery 的逆透視列功能。
從樹狀圖我們可以看出全年不同季度之間,業(yè)務(wù)員的數(shù)據(jù)情況。

樹狀圖好是好,不過也有缺點(diǎn)。
由于樹狀圖中每個(gè)季度中的長(zhǎng)和寬沒有一個(gè)固定的值,所以很難直接通過肉眼,根據(jù)長(zhǎng)短對(duì)它們進(jìn)行對(duì)比。而且調(diào)整也不夠靈活。
如果要固定一邊作為橫軸長(zhǎng),利用長(zhǎng)*寬(高度)表現(xiàn)面積數(shù)據(jù)大小情況,應(yīng)該怎么做?

所以,利用堆積面積圖的時(shí)間軸做法來試試?
我們來看看效果圖。
圖表中,底邊長(zhǎng)度跟每個(gè)季度的總和值掛鉤,所以我們可以看到全年中第一季度是最大的。
PS:由于數(shù)據(jù)源中數(shù)據(jù)采用了隨機(jī)數(shù),所以可視化效果圖中數(shù)據(jù)可能有變化。

通過不斷思考。我們最終將堆積面積時(shí)間軸的可視化圖表交給領(lǐng)導(dǎo)。

那么這個(gè)圖表應(yīng)該怎么做呢?

制作方法
下面我簡(jiǎn)單介紹一下。
思路分析:面積=長(zhǎng)*寬。長(zhǎng),是每個(gè)季度的匯總和;寬,為每個(gè)業(yè)務(wù)員占總和的百分比。

比如說,小爽在第四季度總和為 124。在第四季度中占比為 39%
所以小爽的面積大小為=124*39%
以此類推。

這是不是有點(diǎn)像樹狀圖?通過面積大小判斷數(shù)據(jù)大小??
因?yàn)橥ㄟ^占比情況構(gòu)造面積的大小。所以要制作這個(gè)效果,我們需要編寫函數(shù)公式。提前算好占比,數(shù)據(jù)總和等。
編寫公式:
將每個(gè)季度進(jìn)行求和。
在 H2 單元格輸入:
=SUM(B2:D2)
下拉填充。

輸入每個(gè)業(yè)務(wù)員的占比公式。
在 E2 單元格中輸入:
=B2/$H2
向下向右填充公式到 G5 單元格。

輔助累加目的是確定時(shí)間軸的分段點(diǎn)。
I2 單元格中輸入:
=SUM($H$2:H2)

基于數(shù)據(jù)源,構(gòu)造時(shí)間軸數(shù)據(jù)。

插入面積圖:
選擇 B11 到 M18 數(shù)據(jù)區(qū)域,在【插入】選項(xiàng)卡下,選擇折線圖,堆積面積圖。

我們要按照每一行作為一個(gè)系列,由于直接插入的圖表是按照列的,所以我們需要切換行和列。
選中圖表,選擇【切換行/列】。

將時(shí)間軸的數(shù)據(jù)添加到圖表的水平軸中。
插入圖表的時(shí)候,我們并沒有將 x 軸的數(shù)據(jù)添加到表格中,所以還需要選擇數(shù)據(jù)。
選擇圖表,右鍵【選擇數(shù)據(jù)】。

編輯,選擇時(shí)間軸區(qū)域。

由于占比的最大值為 1,所以將縱坐標(biāo)軸最大值寫為 1。

由于橫坐標(biāo)軸自動(dòng)為文本坐標(biāo)軸,相同的端點(diǎn)并不是重合在一起的。
所以橫坐標(biāo)軸的坐標(biāo)類型選擇日期坐標(biāo)軸。

到這里,大致的外觀做好了。后續(xù)的話,就是填充對(duì)應(yīng)的顏色。
如果需要內(nèi)部標(biāo)簽,可以散點(diǎn)圖進(jìn)行定位加上去。這個(gè)大家自己去做試試看。

PS.需要練習(xí)文件的同學(xué),可在文末獲取下載方式哦~
小小延伸一下:
堆積面積圖還可以做什么?
利用這個(gè)方法,我們除了可以制作本文案例中的分層結(jié)構(gòu)對(duì)比圖。還可以制作不同的效果。
比如制作帶有透視效果的對(duì)比條形圖。如下圖,2021 年到 2022 年之間,A,B,C 三個(gè)人的數(shù)據(jù)變化情況,我們通過圖表可以很清楚地看出。

比如說,制作不等寬圖表,可用在兩個(gè)維度的分別對(duì)比。
橫方向的長(zhǎng)度表示庫(kù)存多少,越長(zhǎng)表示庫(kù)存越多
縱方向的高度表示銷量的多少。越高代表銷量越大。

發(fā)揮你的腦洞,我們可以解決更多的問題。
還想學(xué)習(xí)更多關(guān)于圖表的知識(shí),更多 Excel 小技巧,推薦報(bào)名秋葉《3 天 Excel 集訓(xùn)營(yíng)》,有大神帶你學(xué)習(xí)表格飛速排版、數(shù)據(jù)高效整理、圖表美化設(shè)計(jì)……??!和志同道合的小伙伴一起交流進(jìn)步~
秋葉《3 天 Excel 集訓(xùn)營(yíng)》
課程原價(jià)?99?元?
但只要你是秋葉 Excel 的讀者
就能限時(shí)?1 元秒殺??!
??????

優(yōu)惠名額有限,先到先得!
現(xiàn)在掃碼報(bào)名
還能免費(fèi)領(lǐng)《35 個(gè)函數(shù)使用手冊(cè)》!

最后的話
本文介紹的是二維數(shù)據(jù)表的可視化思考,我們從折線圖開始嘗試,思考到一年有四季度,也就進(jìn)一步想到堆積圖,從層次占比的樹狀圖,進(jìn)而嘗試制作堆積面積圖,達(dá)到最終效果。
做個(gè)小調(diào)查:

*廣告