如今，商業(yè)領(lǐng)域的決策越來越重視數(shù)據(jù)驅(qū)動，數(shù)據(jù)可視化已經(jīng)是當今的潮流。高質(zhì)量的數(shù)據(jù)可視化能幫助人們更好地解讀數(shù)據(jù)的意義，發(fā)掘數(shù)據(jù)背后的價值。但是我們發(fā)現(xiàn)，實踐中很多圖表并不容易讓人理解，甚至?xí)a(chǎn)生誤導(dǎo)。本文列出如下20條優(yōu)化建議，希望能夠幫助你實現(xiàn)更好的數(shù)據(jù)可視化。

選擇正確的圖表類型

如果選擇了錯誤的圖表類型，或只是默認使用最常見的圖表類型，可能會使用戶感到困惑，或?qū)?shù)據(jù)的意義產(chǎn)生誤解。

一個數(shù)據(jù)集可以用很多種方式來表述，具體采用哪種方式要取決于用戶的需求。所以一定要從檢查數(shù)據(jù)集和調(diào)研用戶需求著手來選擇圖表類型。

四種類型的圖表應(yīng)用：關(guān)系、比較、構(gòu)成、分布

根據(jù)數(shù)據(jù)的正負值確定正確的繪圖方向

當使用水平條圖表時，請注意要在基線的左邊繪制負值，在右邊繪制正值。

不要在基線的同一側(cè)繪制負值和正值。

正值和負值在X軸和Y軸上的映射

柱狀圖的起點要從0基線開始

截斷數(shù)據(jù)會導(dǎo)致錯誤的表述。在下面的例子中，通過左邊的圖表，你可以很快得出B值是D值的3倍多的結(jié)論。而實際上，二者的差距要小得多（見右圖）。所以，從零基線開始作圖，可以確保得到一個更準確的數(shù)據(jù)表示。

兩個垂直條形圖，一個基線起始點為0，一個基線起始點為375

線形圖可以使用自適應(yīng)的Y軸刻度

對于折線圖來說，如果總是將Y軸的顯示起點限制在0，可能會使圖表折線顯示上缺少起伏，幾乎是平坦的。由于折線圖主要用來表示趨勢，所以最好能夠根據(jù)特定階段的數(shù)據(jù)集來調(diào)整顯示比例，并保持折線圖形顯示在Y軸范圍的三分之二區(qū)域內(nèi)。

線形圖，左邊幾乎是平的，右邊則很好地描述了趨勢

使用折線圖時要考慮到數(shù)據(jù)的時間序列

折線圖是由線條連接的一系列“標記”組成的，通常用于形象地顯示數(shù)據(jù)在時間間隔（一個特定的時間序列）內(nèi)的變化趨勢。這有助于說明數(shù)值是如何隨時間變化的，在時間間隔較短的情況下效果非常好，但當數(shù)據(jù)更新不頻繁時，可能會引起混淆。

左邊的插圖是含義模糊的折線圖，右邊的豎條圖就很清晰地表示了每個月的數(shù)據(jù)變化

例如：上圖使用了折線圖來表示每年的收入，如果數(shù)值是按月更新的，那么就需要按月查看圖表。用戶可能會認為連接“標記”的線上的每個點都代表了當時的收入值，而實際上在那個特定時間的真實收入數(shù)字是未知的。在這種情況下，使用垂直條形圖可能是一個更好的選擇。

不要使用“平滑的”折線圖

平滑的折線圖可能在視覺上令人愉悅，但它們歪曲了其背后的實際數(shù)據(jù)，而且過粗的線條也掩蓋了真正的“標記”的位置。

左為“平滑”折線圖，右為清晰折線圖

避免混亂的雙軸形式圖表

有時為了節(jié)省圖表空間，你可能會傾向于使用雙軸圖表，即兩個數(shù)據(jù)系列具有相同的衡量標準，但各自變化幅度不同。這種圖表不僅難以閱讀，而且不能清晰地表示兩個數(shù)據(jù)序列之間的對比。大多數(shù)用戶不會注意顯示比例，他們很可能只是掃一眼圖表，然后得出錯誤的結(jié)論。

左圖是雙軸折線圖，右圖分為了2個獨立的折線圖

限制餅圖中顯示的區(qū)塊數(shù)量

餅圖是最受歡迎的圖表之一，但也是經(jīng)常被濫用的圖表。大多數(shù)情況下，柱狀圖是一個更好的選擇。但是，如果你決定使用餅圖，這里有一些如何使它正確發(fā)揮作用的建議： 顯示的區(qū)塊不要多于5-7個，保持整體視覺簡單清晰。 你可以把多出來的幾個最小的區(qū)塊統(tǒng)一歸入“其他”區(qū)塊里

兩個餅圖，一個由許多區(qū)塊組成，另一個將小片區(qū)塊都歸入“其他”類別中

直接在圖表上貼標簽

如果沒有適當?shù)臉撕灒瑹o論你的圖表有多好，它都不會有意義。直接在圖表上貼標簽對所有瀏覽者都有很大幫助。而對照圖例需要把數(shù)值和相應(yīng)的區(qū)域一一對應(yīng)上，會耗費瀏覽者更多時間和精力。

左圖--帶有獨立圖例的餅狀圖，右圖餅狀圖，每個區(qū)域旁邊都帶有標簽

不要直接在圖表區(qū)塊里貼標簽

直接把數(shù)值標簽放在區(qū)塊里可能會降低圖表的可讀性，如果有很小的區(qū)塊也不容易顯示完全。正確的做法是，在區(qū)塊外部添加黑色的數(shù)值標簽，與每個區(qū)塊標出明確的聯(lián)系指向。

由于顏色和背景色對比度低，寫在圖表內(nèi)部的標簽很難識別

對餅圖的區(qū)塊按大小進行排序以增強可讀性

在使用餅圖時，有幾種常用的方式： 把最大的一個區(qū)塊放在12點的位置，然后把其余的區(qū)塊按順時針方向降序排列。 把最大的一個區(qū)塊放在12點鐘的位置，第二大區(qū)塊順時針放在后面，第三大區(qū)塊放在11點鐘的位置，其余的區(qū)塊按大小依次順時針順序排列。

避免隨機性

同樣的建議也適用于許多其他類型的圖表，不要默認按字母順序排序。把最大的數(shù)值放在最上面（對于水平條形圖）或最左邊（對于垂直條形圖），以確保最重要的數(shù)值占據(jù)最突出的空間，減少眼睛的移動，縮短閱讀圖表所需的時間。

左邊水平條形圖順序隨機，右邊從最大值到最小值排序

細細的圈狀圖表缺乏可讀性

一般來說，餅狀圖不是可讀性最好的圖表，因為很難直觀對比相似的數(shù)值。但當我們把中間的部分去掉，得到一個甜甜圈形狀的圖，這樣的確騰出了空間來顯示額外的信息，但卻犧牲了清晰度，所以如果處理方式過于極端就會使圖表失去作用。

極細的圈狀圖

讓數(shù)據(jù)自己說話

避免過多不必要的華麗修飾，因為它不僅讓人分心，而且可能導(dǎo)致對數(shù)據(jù)的誤讀和錯誤認知。制作圖表時應(yīng)該避免如下情況： 使用3D元素 使用陰影、漸變和其他顏色變換 使用斑馬紋和過多的網(wǎng)格線 使用過于裝飾性的、斜體、粗體或襯線字體

左邊的3D垂直條形圖，修飾過多，右邊去除了過多修飾

選擇與你的數(shù)據(jù)性質(zhì)相匹配的配色方案

顏色是數(shù)據(jù)可視化的重要組成部分，通常配色方案類型有這3種：a.定性配色方案 最適用于分類顯示變量。選擇的顏色應(yīng)該是獨特的，以確保區(qū)分度。b.順序性配色方案 最適用于需要按特定順序排列的數(shù)字變量。使用色相或明度或兩者的組合，你可以創(chuàng)建一個連續(xù)的顏色集。c.分歧配色方案 是兩個連續(xù)調(diào)色板的組合，中間有一個中心值（通常是0）。通常，分歧調(diào)色板用來描述數(shù)據(jù)正負值的變化。使用的顏色也需要符合“消極”和“積極”的概念。

美國3個州的地圖，每個州都應(yīng)用了一種配色方案

有一個方便的工具——ColorBrewer，它可以幫助你生成各種配色方案。

無障礙設(shè)計

根據(jù)美國國家眼科研究所的數(shù)據(jù)，大約每12個人中就有一個是色盲。你的圖表需要讓盡可能多的受眾都能夠讀懂，所以也要注意盡量采用無障礙設(shè)計。 配色方案中使用不同的飽和度和亮度。 用黑白兩色打印你的數(shù)據(jù)可視化圖表，檢查其對比度和可讀性。

左邊是在灰度形式下無法閱讀的圖表

注重可讀性

確保排版能夠準確清晰地傳達信息，幫助用戶關(guān)注數(shù)據(jù)本身，而不是分散他們的注意力。 選擇可讀的字體，避免使用襯線字體和高度裝飾性的字體 避免使用斜體、粗體和大寫字母 確保文字顏色與背景色的高度對比 不要旋轉(zhuǎn)文字

錯誤的排版實例

使用水平條形圖而不是旋轉(zhuǎn)的標簽

這個簡單的技巧將確保用戶能夠更方便地查看圖表（而不至于使他們的脖子緊張）。

選擇合適的圖表庫

如果你的任務(wù)是在網(wǎng)絡(luò)和移動項目中添加交互式圖表，你應(yīng)該問的第一個問題是我們將使用什么圖表庫？現(xiàn)代的圖表庫已經(jīng)應(yīng)用了許多前面提到的規(guī)則。基于一個定義好的庫進行設(shè)計，可以確保實施的便利性，并為你提供大量的交互想法。

流行的圖表庫的各種屏幕截圖

動態(tài)可視化報告

數(shù)據(jù)可視化不僅僅是靜態(tài)的圖表，我們有很多方法可以通過改變參數(shù)、可視化類型、時間軸來幫助用戶探索和發(fā)現(xiàn)更多結(jié)論，使數(shù)據(jù)價值和洞察力最大化。在下面的例子中，你可以看到 iOS 健康應(yīng)用程序，它使用了各種數(shù)據(jù)展示的組合進行很好的展示。