在產(chǎn)品設(shè)計工作中，會經(jīng)常涉及到圖表的設(shè)計。這篇文章，我們來了解下各統(tǒng)計圖是什么，從主要用途、應(yīng)用場景、設(shè)計考慮點幾部分來展開。

設(shè)計帶統(tǒng)計數(shù)據(jù)的首頁、看板時會不會力不從心，無從下手？

接下來我們了解幾個常見的統(tǒng)計圖。針對各統(tǒng)計圖是什么、主要用途、應(yīng)用場景、設(shè)計考慮點幾部分來展開。解決工作中不認識統(tǒng)計圖，不知道統(tǒng)計圖怎么用，拿到數(shù)據(jù)在手力不從心無從下手的問題。

一、折線圖

含義：是一種通過連接數(shù)據(jù)點來展示數(shù)據(jù)隨時間或其他連續(xù)變量變化的圖表類型。在折線圖中，數(shù)據(jù)點由線段連接，從而形成一個或多個連續(xù)的曲線或折線，這些線條的變化趨勢能夠直觀地反映出數(shù)據(jù)的變化情況。

主要用途：展示趨勢、比較數(shù)據(jù)、預(yù)測未來。

1）展示趨勢：折線圖最適合用來展示數(shù)據(jù)隨時間或其他連續(xù)變量的變化趨勢，如股票價格的變化、氣溫的波動等。

2）比較數(shù)據(jù)：雖然柱狀圖在比較不同類別數(shù)據(jù)方面更為直觀，但折線圖也可以用來比較不同數(shù)據(jù)系列在同一時間范圍內(nèi)的變化趨勢。

3）預(yù)測未來：通過觀察折線圖上的數(shù)據(jù)變化趨勢，可以對未來的數(shù)據(jù)變化進行預(yù)測或推測。

應(yīng)用場景：經(jīng)濟數(shù)據(jù)分析、股市行情分析、氣象數(shù)據(jù)展示、科學(xué)研究、銷售業(yè)績分析、教育評估、健康數(shù)據(jù)檢測、網(wǎng)絡(luò)流量分析等。

設(shè)計考慮點：選擇合適的時間間隔、標簽和標題、數(shù)據(jù)點的數(shù)量、避免誤導(dǎo)。

1）選擇合適的時間間隔：時間間隔不均勻或過大，會導(dǎo)致折線圖上的數(shù)據(jù)變化趨勢看起來不夠平滑或準確。

2）標簽和標題：為圖表添加清晰的時間或連續(xù)變量標簽和數(shù)據(jù)標簽，以及一個描述性的標題，以便用戶能夠快速理解圖表的內(nèi)容。

3）數(shù)據(jù)點的數(shù)量：當數(shù)據(jù)點過多時，可能會導(dǎo)致折線圖看起來雜亂無章。在這種情況下，可以考慮對數(shù)據(jù)進行抽樣或聚合，以減少數(shù)據(jù)點的數(shù)量。

4）避免誤導(dǎo)：在展示數(shù)據(jù)變化趨勢時，要確保折線圖不會誤導(dǎo)用戶。例如，不要故意選擇特定的時間范圍或數(shù)據(jù)點來夸大或縮小數(shù)據(jù)的變化趨勢。

二、柱狀圖

含義：是一種用柱子（條形）的長度來表示數(shù)據(jù)大小的圖表類型，非常適合用來比較不同類別之間的數(shù)據(jù)差異。柱狀圖可以分為垂直柱狀圖和水平柱狀圖（也稱為條形圖）。在垂直柱狀圖中，柱子的高度表示數(shù)據(jù)值，而在水平柱狀圖中，柱子的長度表示數(shù)據(jù)值。

主要用途：比較數(shù)據(jù)、展示分布、時間序列數(shù)據(jù)。

1）比較數(shù)據(jù)：通過柱子的高度或長度，可以直觀地比較不同類別或項目之間的數(shù)據(jù)差異。

2）展示分布：柱狀圖可以展示不同類別數(shù)據(jù)的相對大小。

3）時間序列數(shù)據(jù)：通過將時間作為類別軸，柱狀圖也可以用來展示時間序列數(shù)據(jù)的變化情況。

應(yīng)用場景：商業(yè)分析、經(jīng)濟領(lǐng)域、科學(xué)研究、教育評估、健康醫(yī)療、體育競技、新聞媒體、個人理財?shù)取?/p>

設(shè)計考慮點：選擇合適的比例尺、標簽和標題、顏色選擇、間接性。

1）選擇合適的比例尺：確保柱子的高度或長度能夠清晰地展示數(shù)據(jù)差異，避免使用過大或過小的比例尺。

2）標簽和標題：為圖表添加清晰的類別標簽和數(shù)據(jù)標簽，以及一個描述性的標題，以便用戶能夠快速理解圖表的內(nèi)容。

3）顏色選擇：使用易于區(qū)分的顏色來區(qū)分不同的數(shù)據(jù)系列或類別，但要避免使用過多的顏色或過于刺眼的顏色組合。

4）簡潔性：盡量保持圖表的簡潔性，避免在圖表中添加過多的元素或信息，以免分散用戶的注意力。

三、餅圖

含義：是將一個整體數(shù)據(jù)分成不同類別，用不同大小的扇形來表示各個類別在整體中的占比或比例關(guān)系。餅圖通常是一個圓形，以圓心為原點，從圓心向外輻射出多個扇形，每個扇形的角度大小與類別在整體中所占的比例相對應(yīng)。

主要用途：直觀性、單一數(shù)據(jù)系列、百分比顯示。

1）直觀性：餅圖能夠直觀地展示各個部分與整體的比例關(guān)系，便于理解。

2）單一數(shù)據(jù)系列：餅圖通常只展示一個數(shù)據(jù)系列中各項的占比，不適合展示多個數(shù)據(jù)系列之間的對比。

3）百分比顯示：餅圖中的數(shù)據(jù)點顯示為整個餅圖的百分比，可以清晰地看到每個部分所占的比例。

應(yīng)用場景：占比分析、市場調(diào)研結(jié)果、預(yù)算分配、人口統(tǒng)計、客戶滿意度調(diào)查、教育資源分配、環(huán)境數(shù)據(jù)展示。

設(shè)計考慮點：數(shù)據(jù)適用性、數(shù)據(jù)排序與呈現(xiàn)、視覺設(shè)計、信息傳達。

1）數(shù)據(jù)適用性：一般來說，3-5個扇形是餅圖最適合的組成，超過這個數(shù)量，餅圖上可能難以區(qū)分。

2）數(shù)據(jù)排序與呈現(xiàn)

a.排序：對原始數(shù)據(jù)進行排序，可以使餅圖更加直觀和易于理解。通常建議按照數(shù)據(jù)的大小進行降序排序，這樣重要的數(shù)據(jù)會被放在餅圖的顯眼位置（如從12點鐘方向開始）。

b.起始角度：餅圖的起始角度也是一個重要的考慮因素。將第一扇形起始角度設(shè)置為12點鐘方向，符合人們的閱讀習(xí)慣，有助于快速理解數(shù)據(jù)。

3）視覺設(shè)計

a.顏色：餅圖中顏色的使用應(yīng)簡潔明了，避免使用過多鮮艷的顏色，以免分散用戶的注意力。建議使用同色系進行配色，并盡量減少顏色種類。

b.標簽與圖例：直接在每個扇區(qū)旁邊放置數(shù)據(jù)標簽，可以減少對圖例的依賴，使圖表更加易于閱讀。如果需要使用圖例，應(yīng)確保其與餅圖中的數(shù)據(jù)項一一對應(yīng)。

c.分離與連接：盡量避免將餅圖分離成獨立的扇區(qū)，除非是為了特別強調(diào)某個數(shù)據(jù)。同時，應(yīng)盡量減少使用標簽連線，以免給圖表帶來凌亂感。

d.3D效果：雖然3D效果可能看起來更酷，但它可能會扭曲數(shù)據(jù)的真實比例。因此，建議盡量使用2D效果來呈現(xiàn)餅圖。

4）信息傳達

a.標題與說明：為餅圖添加清晰的標題和必要的說明文字，可以幫助用戶更好地理解圖表所傳達的信息。

b.關(guān)鍵數(shù)據(jù)突出：餅圖中存在特別重要的數(shù)據(jù)或需要強調(diào)的對比關(guān)系，可以通過顏色、大小或標簽等方式來突出顯示。

四、條形圖

含義：即一種用條形的長度來表示數(shù)據(jù)大小的圖形表示方法。在條形圖中，每個條形代表一個類別或一組數(shù)據(jù)，條形的長度則對應(yīng)著該類別或數(shù)據(jù)組的數(shù)值大小。條形圖因其直觀易懂的特點，在數(shù)據(jù)可視化中非常受歡迎，尤其適用于展示不同類別之間的數(shù)據(jù)對比。

主要用途：條形圖在數(shù)據(jù)可視化中非常受歡迎，尤其適用于展示不同類別之間的數(shù)據(jù)對比。

條形圖分類：垂直條形圖、水平條形圖、堆疊條形圖、分組條形圖。

1）垂直條形圖：最常見的條形圖類型，其中條形是垂直的。每個條形代表一個類別，其高度表示數(shù)值大小。

2）水平條形圖：與垂直條形圖相反，條形是水平的。這種圖表在某些情況下（如標簽名較長時）更為適用，因為它允許更長的標簽而不至于使圖表顯得過于擁擠。

3）堆疊條形圖：用于展示一個類別中不同子類別或組的貢獻。每個條形由多個堆疊的小條形組成，每個小條形代表一個子類別或組，所有小條形的總和等于該大條形的數(shù)值。

4）分組條形圖：用于比較兩個或多個變量在同一類別下的表現(xiàn)。每個類別下會有多個并排放置的條形，每個條形代表一個變量。

應(yīng)用場景：展示分類數(shù)據(jù)、數(shù)據(jù)對比、支持標簽和注釋、適應(yīng)多種場景、支持堆疊和分組、強調(diào)特定數(shù)據(jù)點。

1）展示分類數(shù)據(jù)：即數(shù)據(jù)被分為不同的類別或組。每個條形代表一個分類，其長度（或高度，取決于條形圖的方向）則表示該類別對應(yīng)的數(shù)值大小。用戶能夠通過長度（或高度）直觀地比較不同類別之間的數(shù)據(jù)差異。

2）數(shù)據(jù)對比：條形圖通過條形的長度差異，能夠清晰地展示不同類別或不同時間點上的數(shù)據(jù)對比情況。這對于發(fā)現(xiàn)數(shù)據(jù)中的趨勢、模式或異常值非常有用。

3）支持標簽和注釋：條形圖上的每個條形都可以附加標簽，以明確指出它所代表的類別或數(shù)據(jù)點。此外，還可以在條形圖上添加注釋、箭頭或其他圖形元素，以進一步解釋或強調(diào)數(shù)據(jù)中的關(guān)鍵點。

4）適應(yīng)多種場景：即展示銷售額、人口統(tǒng)計數(shù)據(jù)、調(diào)查結(jié)果還是其他任何形式的分類數(shù)據(jù)，條形圖都能以清晰、直觀的方式呈現(xiàn)。

5）支持堆疊和分組：除了基本的單式條形圖外，條形圖還可以以堆疊和分組的形式呈現(xiàn)。堆疊條形圖用于展示同一類別下不同子類別或組成部分的數(shù)據(jù)總和；分組條形圖則用于比較不同類別在同一變量下的數(shù)據(jù)表現(xiàn)。

6）強調(diào)特定數(shù)據(jù)點：通過調(diào)整條形的顏色、寬度、高度或其他屬性來強調(diào)特定的數(shù)據(jù)點。這使得條形圖在講述數(shù)據(jù)故事或引導(dǎo)用戶關(guān)注數(shù)據(jù)中的特定方面時非常有用。

設(shè)計考慮點：易于理解、選擇類型、易讀性、標簽/注釋。

1）易于理解：確保條形圖的標簽清晰可讀，特別是當標簽名較長或類別較多時。

2）選擇類型：根據(jù)數(shù)據(jù)的量級和分布選擇合適的條形圖類型。

3）易讀性：注意條形的間距和顏色選擇，以確保圖表的美觀和易讀性。

4）標簽/注釋：為圖表添加標題、圖例和軸標簽，以幫助用戶理解圖表內(nèi)容。

綜上所述，統(tǒng)計圖的使用場景非常廣泛，幾乎涵蓋了所有需要數(shù)據(jù)可視化展示的領(lǐng)域。選擇合適的統(tǒng)計圖類型對于有效地傳達數(shù)據(jù)信息和洞察至關(guān)重要。不同的圖表類型適用于不同的分析目的和受眾，因此在使用時應(yīng)根據(jù)具體情況進行選擇。