實(shí)戰(zhàn)技巧 | 數(shù)據(jù)可視化圖表應(yīng)用
▲點(diǎn)擊"三分設(shè)"關(guān)注,回復(fù)"社群"加入我們
歡迎來(lái)到專業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)
三分設(shè)|連接知識(shí),幫助全球 1 億設(shè)計(jì)師成長(zhǎng)
轉(zhuǎn)自:京東設(shè)計(jì)中心JDC
編輯:韓平平
本文共 3685 字,預(yù)計(jì)閱讀 10 分鐘



圖例的組成:圖形、名稱、數(shù)值、單位。
圖例樣式:不同類(lèi)型的圖表建議選用各自的圖例形態(tài),目的是在復(fù)合型圖表中可通過(guò)圖例來(lái)判斷圖表中包含幾種圖表類(lèi)型以作區(qū)分。
共用圖例:多個(gè)圖表的圖例相同,可共用一個(gè)圖例,減少冗余信息。


圖例名稱限制:特定業(yè)務(wù)場(chǎng)景下,圖例名稱可能會(huì)很長(zhǎng),為了達(dá)到更好的展示效果,圖例名稱可設(shè)定最大值同時(shí)做省略處理。

關(guān)鍵詞:變化趨勢(shì)、增減速率
適用場(chǎng)景:折線圖用來(lái)顯示數(shù)據(jù)在一個(gè)連續(xù)時(shí)間間隔或者時(shí)間跨度上的變化,它的特點(diǎn)是反映出事物隨著時(shí)間或其他變量變化的趨勢(shì)以及增減的速率。如折線條數(shù)過(guò)多時(shí)不建議將多條數(shù)據(jù)繪制在一個(gè)圖表中,這樣很難看出不同類(lèi)別的情況。

關(guān)鍵詞:整體趨勢(shì)
適用場(chǎng)景:當(dāng)數(shù)據(jù)反映的為整體趨勢(shì)時(shí)建議使用曲線圖,尤其是當(dāng)數(shù)據(jù)波動(dòng)較大時(shí),如采用折線圖會(huì)讓圖表整體比較混亂,不利于信息展示。

關(guān)鍵詞:趨勢(shì)、對(duì)比
適用場(chǎng)景:面積圖是在折線圖的基礎(chǔ)之上形成的, 它將折線圖中折線與自變量坐標(biāo)軸之間的區(qū)域使用顏色或者紋理填充,這樣一個(gè)填充區(qū)域我們叫做面積,顏色的填充可以更好的突出趨勢(shì)信息,需要注意的是顏色要帶有一定的透明度,透明度可以很好的幫助使用者觀察不同序列之間的重疊關(guān)系,沒(méi)有透明度的面積會(huì)導(dǎo)致不同序列之間相互遮蓋減少可以被觀察到的信息。

關(guān)鍵詞:趨勢(shì)、分類(lèi)對(duì)比
適用場(chǎng)景:柱形圖借助于本身高度,能夠較清晰的反映數(shù)據(jù)之間的差異性,一般會(huì)用作不同角色間的對(duì)比關(guān)系,同時(shí)也可用來(lái)反映變化趨勢(shì)。通常來(lái)說(shuō),柱形圖的橫軸更多會(huì)展現(xiàn)時(shí)間維度,用戶會(huì)習(xí)慣性的認(rèn)為存在時(shí)間趨勢(shì)。如果遇到橫軸為時(shí)間維度以外的變量,建議用顏色區(qū)分每根柱子。

關(guān)鍵詞:趨勢(shì)、對(duì)比、占比
適用場(chǎng)景:展示不同角色的數(shù)據(jù)值,同時(shí)能夠反映每個(gè)系列的數(shù)據(jù)總和。當(dāng)表示占比時(shí),每列柱子頂頭(意為占比總和為100%),可觀察不同角色的占比情況。

關(guān)鍵詞:雙維度、對(duì)比
適用場(chǎng)景:柱形圖的嵌套可用于展示同一角色下的雙維度數(shù)據(jù)指標(biāo)對(duì)比。

關(guān)鍵詞:現(xiàn)狀、目標(biāo)值、階層
適用場(chǎng)景:子彈圖很形象的展現(xiàn)出子彈射出后帶出的軌道圖,每個(gè)子彈圖只能顯示單一的數(shù)據(jù)信息源,通過(guò)下方的標(biāo)尺可以顯示出更精確的階段性數(shù)據(jù)信息,同時(shí)表達(dá)一項(xiàng)數(shù)據(jù)與目標(biāo)的校對(duì)結(jié)果。

關(guān)鍵詞:占比
適用場(chǎng)景:描述某一部分占整體的百分比。將份額最大的部分放在 12 點(diǎn)方向,順時(shí)針?lè)胖玫诙蠓蓊~的部分,以此類(lèi)推。需要注意的是:如需比較數(shù)據(jù)時(shí),可使用條形圖或柱狀圖,切勿將扇形轉(zhuǎn)化為數(shù)據(jù)在餅圖間比較,因?yàn)槿说娜庋蹖?duì)面積大小不敏感,易導(dǎo)致對(duì)數(shù)據(jù)的誤讀。

適用場(chǎng)景:也稱為 “多層餅形圖” 或 “徑向樹(shù)圖”,通過(guò)一層層圓環(huán)顯示層次結(jié)構(gòu),按不同類(lèi)別節(jié)點(diǎn)進(jìn)行切割。適用于擴(kuò)展每一層級(jí)的細(xì)分?jǐn)?shù)據(jù)指標(biāo)情況。

關(guān)鍵詞:關(guān)聯(lián)、分布
適用場(chǎng)景:散點(diǎn)圖用于研究?jī)蓚€(gè)變量之間關(guān)系的經(jīng)典圖表。數(shù)據(jù)量小的情況下會(huì)比較分散且混亂,看不出分布邏輯,該情境下不建議使用。

關(guān)鍵詞:關(guān)聯(lián)、分布、大小
適用場(chǎng)景:用氣泡大小代替散點(diǎn)圖中的數(shù)值點(diǎn),面積大小代表數(shù)值大小。

關(guān)鍵詞:多維數(shù)據(jù)
適用場(chǎng)景:將多個(gè)分類(lèi)的數(shù)據(jù)量映射到坐標(biāo)軸上,可對(duì)比項(xiàng)目?jī)?nèi)不同屬性的情況。但當(dāng)指標(biāo)變量過(guò)多,雷達(dá)圖會(huì)顯示的比較混亂,數(shù)據(jù)點(diǎn)一般 6 個(gè)左右。

關(guān)鍵詞:步驟、流轉(zhuǎn)
適用場(chǎng)景:漏斗圖展現(xiàn)業(yè)務(wù)流程比較規(guī)范,從上到下有邏輯上的順序關(guān)系,適用于有固定流程并且環(huán)節(jié)較多的分析。通過(guò)各環(huán)節(jié)業(yè)務(wù)數(shù)據(jù)能夠說(shuō)明問(wèn)題所在進(jìn)而做出決策,能直觀顯示流轉(zhuǎn)情況。漏斗圖還可擴(kuò)展為“對(duì)稱漏斗圖”,同時(shí)對(duì)兩個(gè)業(yè)務(wù)流程進(jìn)行分析,對(duì)比兩者的數(shù)據(jù)情況。

關(guān)鍵詞:分流、大小
適用場(chǎng)景:?;鶊D用來(lái)描述一組指標(biāo)到另一組指標(biāo)的流轉(zhuǎn)情況。在內(nèi)部,不同色值代表了不同指標(biāo)下的分流情況,流轉(zhuǎn)寬度表達(dá)相應(yīng)數(shù)據(jù)量的大小。

關(guān)鍵詞:顏色、交叉、多變量
適用場(chǎng)景:通過(guò)顏色變化來(lái)顯示數(shù)據(jù),適合交叉檢查多變量數(shù)據(jù),整體觀察數(shù)據(jù)之間的差異性和相關(guān)性。

適用場(chǎng)景:利用嵌套式矩陣顯示層次結(jié)構(gòu)的方法,用于展現(xiàn)同一層級(jí)下不同分類(lèi)的情況,通過(guò)面積大小顯示每個(gè)類(lèi)別的數(shù)量。

適用場(chǎng)景:又稱 “盒須圖”,支持展現(xiàn)數(shù)據(jù)的上級(jí)限、上四分位數(shù)、中位數(shù)、下四分位數(shù)、下極限,垂直或水平的方式展示均可,從箱體兩端延伸出來(lái)的線條稱為 “晶須”,用來(lái)表示上、下四分位數(shù)以外的變量。異常值有時(shí)會(huì)與晶須處于同一水平的單一數(shù)據(jù)點(diǎn)表示。箱形圖通常用于描述性統(tǒng)計(jì)。

適用場(chǎng)景:又稱 “日本 K 線圖”,通常用來(lái)顯示和分析證券、衍生工具、外匯貨幣、股票、債券等商品隨著時(shí)間的價(jià)格變動(dòng)。蠟燭圖通過(guò)使用燭臺(tái)式的符號(hào)來(lái)顯示多種價(jià)格信息,如:開(kāi)盤(pán)價(jià)、收盤(pán)價(jià)、最高價(jià)和最低價(jià),每個(gè)代表單一時(shí)間段(每分鐘、每小時(shí)、每天或每月)的交易活動(dòng)。每個(gè)燭臺(tái)符號(hào)沿著 X 軸上的時(shí)間刻度繪制,顯示隨著時(shí)間推移的交易活動(dòng)。


