歡迎訪問網易雲社群，瞭解更多網易技術產品運營經驗。

大部分人對資料進行視覺化時，只是一種圖表的堆砌，先把需要的單個圖表做完，然後簡單地羅列組合在一起，最後改變一下整體顏色，就完成了。整個過程雖然不能說錯，但並沒有把圖表的優勢發揮出來。下面分享一些用圖表展現資料的方法，希望對題主有所幫助。

選擇圖表

明確需要表達的資訊和主題後，需要根據這個資訊的資料關係，決定選擇何種圖表型別，以及要對圖表作何種特別處理。
圖表種類各式各樣，有些圖表很難界定是屬於哪種關係，我見過講圖表關係和圖表功能比較好的平臺是Ant v的墨者學院，有興趣的小夥伴可以瞭解一下。

Ant v把資料關係分成了9個大類，當你確定了某個資料關係型別後，就可以根據該資料的使用場景查找出相對應的圖表和使用建議，並在其中進行選擇。
以一份購物城資料為例：

製作圖表

當確定了要使用哪些圖表做圖後，開始進入製作流程，影響最終圖表展現效果的元素一般分為兩個層面：

非資料層：

不受資料影響樣式的元素，比如說背景、網格線、外邊框等等。這類元素起到的是輔助閱讀作用，但如果不加處理全部放出，視覺上會顯得雜亂和不夠簡潔，干擾到你真正想展示的資訊。對於這類元素，應該儘量隱藏和弱化。

隱藏
· 去除不必要的背景填充
· 去掉無意義的顏色變化
· 去掉不必要的外框

弱化
· 座標軸淡色或隱藏
· 網格線淡色或隱藏

資料層：
受資料影響樣式的元素，比如說柱狀圖的柱條長度，柱條顏色，柱條展示個數，氣泡圖氣泡大小等等，這類元素的展示效果和圖表本身的資料息息相關，一旦圖表本身的資料比較極端，有可能會使得最終視覺展現不盡如人意，我們無法改變具體的資料，是否就完全無法操控這些元素了呢？
這裡挑選了幾個大屏中應用較多的圖表，總結了其資料層樣式的調整方式。

調整範圍
· 截斷超大值
當某一個值特別大時，繪製出的條形遠遠長於其他類別，導致其他條形被壓縮，不便於比較。某條特別長，也可能會影響到整個大屏的排版平衡，可以採用截斷選項的方式。

· 資料可以不從0開始
很多資料視覺化工具裡都有“數軸是否包括零”這一個選項，使用者可通過這個功能來控制座標軸的顯示範圍，例如下圖，折線的波動範圍比較小，走勢起伏不明顯，這時可以選擇資料不從零開始，清晰地看出了折線的走勢情況。當然，如果在平時的資料報告中，這樣顯示有誇大差異的嫌疑，不建議頻繁使用。

避免重疊

· 避免負值被遮蓋
當一些數值有負數時，標籤和柱條離得較遠，不便於閱讀，如果標籤緊貼柱條，又會發生重疊，比較好的方式是標籤根據柱條的方向分別顯示在座標軸的兩側。

· 軸標籤太長可橫向放置
當軸標籤太長時，雖然斜放可以避免重疊，但歪著頭檢視內容在瀏覽大屏的場景下對使用者不是很友好，可以考慮把柱條橫向放置，把標籤置於柱條空隙之間。

精簡資料項

· 餅圖分類5～7項
在做資料報告時，不管有多少資料項，為了完整和精確性，所有的內容都會顯示出來，但在大屏中，如此滿的資料展示，不但忽略了視覺體驗，還會讓使用者抓不住重點，對於餅圖來說，建議扇區個數不要超過5個，例如保留佔比前5的扇區，剩下的非重點資料全部歸到“其他”。

· 保留前五和後五
如果柱狀圖的資料項過多，展示時會過於密集，建議先把資料項按照數值大小排序，然後將中間使用者可能不是最關心的柱條摺疊起來，只保留前五和後五的資料項。

強調重點

· 視覺高亮重要資訊
先來看一張對比圖，雖然左圖顏色更加豐富，但是沒有重點，視覺傳達給使用者的資訊是沒有主次的，而右圖很明顯想傳達：這個數值有異常！請關注我！在大屏中，為了在短時間內讓使用者get到關鍵資訊，應該儘量排除其他不重要的資料項干擾。

折線圖中，只高亮重要資料點比每個節點都標註更能傳遞有效資訊

在餅圖中，因為顏色塊大小代表佔比多少，所以高亮的方式並不一定適用，我們可以通過分離某一塊扇區達到強調重點的效果。

· 儘量減少圖例

大屏的圖表中應該儘量避免圖例，圖例會讓使用者不斷在資料項和顏色塊之間往返比對，耗費時間，還容易忘記重點，由於柱條個數經特殊處理後並不會很多，所以資料項名稱可以直接標註。

網易有數：企業級大資料視覺化分析平臺，具有全面的安全保障、強大的大資料計算效能、先進的智慧分析、便捷的協作分享等特性，點選可免費試用。

相關文章：
【推薦】 兩分鐘瞭解Docker的優勢