「表格設計課」第3期 動態圖表,你想不到的美

首先,我對這個欄目做個介紹。

  • 什么是「表格設計課」。我們在做Excel時遇到的問題,多半是表格沒有設計好,那些各種復雜的公式,都是在彌補表格設計上的錯誤。「表格設計課」就是教你設計好表格,從源頭上避免問題發生。
  • 「表格設計課」的思想:好的表格是設計出來的

以下是本期內容


問題描述

今天要講的,是一個關于圖表設計的問題,你一定要仔細看,因為每個人,任何職業,都會遇到這個問題。

還是讓小B同學,來扮演這個求助的網友吧。小B發來這樣一個圖表,你能猜出小B要問什么問題嗎?

Jietu20170426-172317

-----思考時間-----

-----思考時間-----

-----思考時間-----

沒看出來?我猜你的職位可能還比較低。看圖表的標題就知道了,《各城市成交量對比圖》,你從這個圖表里,能對比出什么信息嗎?

所以小B的問題就來了:

多城市分析產品的成交量走勢,要用什么圖表類型更加直觀啊?折線圖感覺看著眼睛都花了。

很明顯,小B還是很有經驗的,她知道把數據做的更清晰一些,讓老板用更短的時間,看到各個城市的走勢。

但是...但是...

這個根本就不是圖表類型問題,好不好!這是一個表格設計問題!

  1. 線條太多了,哪個是哪個?
  2. 根據顏色去找對應的城市,比較費時,信息對比不夠明顯。
Jietu20170426-172846

問題分析

既然是對比,那么對比的維度越少越好,一個好的對比圖表,通常只有1個維度。

Jietu20170426-163546

如果線條多的話,也盡量不要超過3個。

Jietu20170426-163546

道理很簡單,就好比相親,如果你的條件是找一個長個子高的,非常好找。找個長的帥的,也不難。找個有錢的,更簡單。

但是,如果你要找一個即有個子,又長的帥,還特有錢的高富帥,就不那么容易了。

圖表對比,也是這樣的道理。線條太多,圖表閱讀起來,沒有信息重點。所以我們要做的就是,減少原圖表中,對比的維度,否換什么類型的圖表,也都是徒勞

解決方案

1. 分析需求

首先,我們分析一下原始表格,想要傳遞的信息有哪些?

  1. 呈現每個城市成交量的走勢。
  2. 對比各個城市的成交量。

這樣還不夠,要求還要繼續細分。

很多時候工作做不好,因為老板的要求太模糊,太多老板提要求時,都是簡單一句,把這個表格做的漂亮一點。就這簡單一句,我們卻要反復的修改,默默的加班。

我們看看具體怎么細分這些要求:

  1. 呈現每個城市成交量的走勢。
    1. 哪個城市在上升
    2. 哪個城市在下降
  2. 對比各個城市的成交量。
    1. 哪個城市成交量最好
    2. 哪個城市成交量最差

細分需求后,表格修改起來,方向就更明確了。接下來,就是嘗試降低對比的維度了。

2. 降低維度

細分了需求后,我們主動出擊,對需求重新梳理一下,設計好圖表信息傳遞順序,引導讀者的閱讀思維

  1. 找出最差或最好的城市
  2. 查看這個城市的成交趨勢

所以,降低對比維度的方法也很清晰了,有下幾個:

  1. 各城市成交總量對比
    1. 舍去時間上的趨勢,降低信息維度。
    2. 使用柱形圖,對比更加明顯。
  2. 折線圖分成兩類,現在關注的,和其他的。
    1. 降低對比維度,信息分為2類,用兩個顏色區分。當前關注的線條高亮,和其他所有的進行對比,更容易凸顯重點。

3. 輸出圖表

首先,我在原始數據中,添加了一個加總列,計算每個城市的成交總量。

Jietu20170426-173300

然后用創建柱形圖,找出最差或最好的城市。

Jietu20170426-174436

調整折現的顏色,將線條分為兩類:

  • 關注城市,設置加粗紅色線條。
  • 非關注城市,設置細線條,灰色,降低視覺重點。
Jietu20170426-174651

4. 創建動態圖表

最后一步,也是本節課程的亮點。通過添加動態數據,高亮顯示當前關注的數據。

  • 添加“城市”下拉菜單,可以選擇當前關注的城市。
Jietu20170426-180010
  • 添加一個輔助列(第Q列),使用IF語句,構建高亮柱子數據源。

    如果城市名稱與當前選擇城市相同,則返回成交量,否則返回0。
    同時在柱形圖中,也添加到柱形圖中,并設置為紅色,高亮顯示當前選擇的城市。

Jietu20170426-180644
  • 在數據表的下方,添加輔助行(第9行),使用VLOOKUP函數,引用當前關注城市的數據,構建高亮線條數據源。
    和其他城市,一起添加到折線圖中。高亮顯示,當前選擇的城市。
Jietu20170426-223024

改善輸出

圖表改好后,就可以很方面的,獲取需要的信息:

  1. 在柱形圖中,找到交易量最好,或最差的城市。然后在下拉菜單中選擇這個城市。
  2. 在折線圖中,查看當前選擇城市的交易趨勢,同時也可以看到它在所有城市交易量中的水平。

下面是動態的效果圖,你感受一下:

這么好的技巧,你還不快去動手試試!

記住,我們的口號!

footer

我是拉小登,如果你喜歡我的文章,請轉發或者打賞,有你的支持,我才能繼續寫出更多,更好的教程,咱們明天見。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,825評論 6 546
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,814評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,980評論 0 384
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 64,064評論 1 319
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,779評論 6 414
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,109評論 1 330
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,099評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,287評論 0 291
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,799評論 1 338
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,515評論 3 361
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,750評論 1 375
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,221評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,933評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,327評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,667評論 1 296
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,492評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,703評論 2 380

推薦閱讀更多精彩內容