「乾貨」動態圖表,原來這麼簡單

今天與大家分享的是動態圖表的製作方法,動態效果圖如下:


「乾貨」動態圖表,原來這麼簡單



很贊,有木有?上面這份Excel動態圖表,是我在逛網易數讀時,參考下文思路製作的:


「乾貨」動態圖表,原來這麼簡單



鏈接:

http://data.163.com/18/0215/12/DAMGBBK5000181IU.html

好的,開始具體的操作了~還記得我們製作商務圖表的幾個過程嗎?

嗯嗯,從數據,到圖表,這個過程是不可逾越的哦~~~


「乾貨」動態圖表,原來這麼簡單


1、製作思路

在準備好的數據源基礎上,使用【數值調節按鈕】+【VLOOKUP函數】,選擇對應年月的數據。

再將這些數據,作為【做圖所用數據源】,去製作一個帶有【帽子】的柱形圖。這樣您在每個柱形圖的上方,就可以看到一個個的小圖標,表示這個柱形圖的系列特質了。

最終實現,點擊【按鈕】控制數據源變化,然後引起圖表變動的效果。

即:按鈕動——》數據源動——》圖表動。

至於大家看到的上面的動圖,實際上是用GIF.CAM錄製的一個Gif圖片而已哦~

2、整理數據源

錄入數據源:


「乾貨」動態圖表,原來這麼簡單


嘎嘎。。。數據都是模擬的


說明:

(1)上述數據源為虛擬數據,模擬了某企業各個月份中,人員結構(銷售管理、生產員工、技術研發)的比率情況,以及產品線的分佈比率(線下實體、線上電商)。

(2)根據實際需要,您還可以用:人數(千人)、產值(萬元)來構建圖表。

(3)當數據源中人數、產值使用了不同的單位後,做圖時,注意要啟用次座標軸。使得這兩個數據,基於不同的座標軸體系進行分析。

ToBe 你還可以這樣:

除了在上面模擬的行業,你還可以做出這些場景的延伸:

(1) 學生出勤率與考試通過率。

(2) 質量不良數據與產成品一次通過率。

(3) 各崗位人員招聘需求人數與培訓成本。

思想會為你插上翅膀,技術只是讓你飛翔的工具而已。

構建動態做圖數據源:


「乾貨」動態圖表,原來這麼簡單



操作步驟:

(1)點擊【開發工具】選項卡下--【數值調節按鈕】,拖拽鼠標左鍵,繪製一個【數值調節按鈕】。


「乾貨」動態圖表,原來這麼簡單



(2)選中【數值調節按鈕】後,單擊鼠標右鍵,選擇【設置控件格式】。在打開的【設置控件格式】對話框中,將【單元格鏈接】選擇一個單元格放置,如:$A$21。確認後,您再點擊按鈕,可以看到綁定的單元格中的數字會發生變化。


「乾貨」動態圖表,原來這麼簡單



(3)利用關聯的參數【$A$21】單元格,和VLOOKUP函數,一起構建做圖需要的數據源。即根據【數值調節按鈕】關聯到的日期值不同,去到前面您錄入的數據源中,將對應月份的數據,查找出來。

3、製作圖表

好了,準備好會動的數據源以後,就可以開始插入柱形圖了~

(1)選擇數據源區域,點擊【插入】選項卡下——【二維柱形圖】中的——【堆積柱形圖】。


「乾貨」動態圖表,原來這麼簡單


(2)插入【堆積柱形圖】以後,可見:每個實際數據上方,會有一個橘色的方塊。這個橘色的部分,就是數據源中,帽子的部分。是我們用來放置每個ICON的地方。


「乾貨」動態圖表,原來這麼簡單



(3)登錄阿里巴巴ICON的網站(http://www.iconfont.cn/),下載適合您做圖所用的素材。注意使用取色器工具,選擇適合您圖表配色方案是顏色哦。在本例中,我們下載了三個人物頭像,和2個商鋪ICON。


「乾貨」動態圖表,原來這麼簡單


(4)用複製粘貼的方法,將每個ICON先複製一下(按鍵盤Ctrl+C)→然後選中對應的柱形圖區域(點2次柱形圖)→粘貼(按鍵盤Ctrl+V),即可完成對應ICON的應用。

此時,您會發現,對應的ICON粘貼的橘色區域,實際上是數據源中的【帽子】(C列)數值所在區域,是為了做圖效果而出現的。

而具體的數值區域(B列)柱形圖,則排列在這個帽子的下方。


「乾貨」動態圖表,原來這麼簡單


(5)完成ICON的設置後,利用取色器工具,調整柱形圖的填充顏色,並設置邊框、字體、刪除圖例區域,效果如下:


「乾貨」動態圖表,原來這麼簡單


(6)裝飾美化圖表:圖表製作完成後,依次插入文本框,設置文本框的文字、字體、顏色、大小等,將所有的元素,拖拽、擺放到合適的位置後,然後組合到一起,即可。


「乾貨」動態圖表,原來這麼簡單



小技巧:

①標題字體,使用的是特殊字體:漢儀力量黑簡


「乾貨」動態圖表,原來這麼簡單


②在圖表區域的下方,可以寫上您的分析結論,或整體指標完成情況等。


「乾貨」動態圖表,原來這麼簡單


③刻度區域,可以利用文本框繪製完成,因為Excel默認的刻度座標,並不能完全滿足您的圖表展示需求。


「乾貨」動態圖表,原來這麼簡單



分享到:


相關文章: