不可錯過的可視化經驗，你學到了嗎？
本文轉載自微信公眾號「數倉寶貝庫」，作者王大偉。轉載本文請聯系數倉寶貝庫公眾號。
01如何選擇合適的
可視化類型
可視化是借助圖形化的方法，清晰有效地將數據展示出來。當有可視化需求時，我們應該先了解需求是什么。例如需求是查看“近六個月的銷量情況”，首先我們可以確定這里會涉及兩個維度展示，一個維度是時間序列(在這里是“近六個月”)，另一個維度是每個月的銷量。展示兩個維度的可視化方法很多，例如散點圖、折線圖、柱狀圖等，在這里很顯然選擇折線圖較為合適，為什么呢?因為折線圖適合展示連續的時間序列數據，如圖1所示。通過折線圖，可以清晰觀察出銷量隨時間的變化情況。該折線圖對應的具體代碼如下：
- option = {
- title: {
- text: '近六個月銷量情況',
- left: 'center'
- },
- xAxis: {
- type: 'category',
- data: ['2020-3', '2020-4', '2020-5', '2020-6', '2020-7', '2020-8']
- },
- yAxis: {
- type: 'value'
- },
- series: [{
- data: [820, 932, 901, 934, 1290, 1330],
- type: 'line'
- }]
- };
圖1 某商品近六個月銷量情況
每種可視化都有其適合的應用場合，需要在明確要展示的信息之后合理選擇可視化類型。這里簡單總結下：
- 如果需要展示數據的分布情況，可以考慮散點圖、箱線圖、柱狀圖、直方圖;
- 如果需要展示數據的變化趨勢，可以考慮折線圖和雙軸圖;
- 如果需要展示對比效果，可以考慮柱狀圖、餅圖、雷達圖;
- 如果需要展示數據的部分與整體關系，可以考慮面積圖、餅圖、旭日圖、堆積柱狀圖、矩形樹圖;
- 如果需要展示數據之間的關系，可以考慮散點圖、氣泡圖、桑基圖。
- 如果需要展示文本信息的重點，可以考慮詞云圖;
- 如果需要展示流程中每一步的轉化情況，可以考慮漏斗圖。
02可視化配色需注意什么
如果想要自己搭配色彩，其實有很多可以優化和注意的點，總結如下。
如果是新手，建議直接使用色彩主題，因為色彩主題是專業人士設置搭配的，不僅美觀而且使用方便，無須自己花大量時間搭配。如果自己搭配，很可能搭配很久也得不到想要的效果，所以，如果你覺得某套色彩主題合適就大膽使用吧。ECharts提供了13種可選的色彩主題方案，如圖2所示，點擊左上角的下載主題即可下載使用。
圖2 ECharts的色彩主題
如果需要展示的內容有著符合人類感知的顏色，建議直接使用該顏色。例如紅色經常和熱力圖的熱量大小搭配使用，藍色和降水量搭配使用。例如，圖3代表某設備在一周的不同時間的內部溫度熱力值，溫度越高，熱力值越大。從圖3中可以一目了然地觀察出溫度最高的時間是周日的上午九點(9a)。
圖3 某設備在一周的不同時間的內部溫度熱力值
一般來說，標準的可視化看板至少需要6種顏色，如果配色不充分，在不同可視化類型中會影響表達效果。
色彩三要素包括色相、明度和飽和度。色相就是我們平時說的顏色，例如紅色的花朵、綠色的樹葉，這里的花朵和樹葉就具有不同的色相;明度指色彩的明暗程度，也是我們平時說的顏色深淺度;而飽和度指的是色彩的鮮艷程度。當有較多數據類別需要展現時，如果只是明度的變化，例如只有明度變化的漸變色，在表示和展現不同元素單元時不能夠明顯區分，所以需要同時兼具色相和明度的變化，讓用戶通過視覺感受更好的定位元素和數據，如圖4所示。
圖4 同時兼具色相和明度變化的圖
當只需要展示某個單一指標數值大小比較和變化時，建議使用單一顏色的漸變效果，也就是顏色明度的變化表示數值大小，一般明度越大，表示的數值越小。
當然，你不必完全遵循以上的內容，只是作為參考和建議，因為不同場景的可視化要求不同，受眾不同，具體到某個場景和某個問題，有很多細節需要在實踐中反復嘗試并不斷積累經驗，搭配出更合適的色彩效果。
03追求動態和酷炫效果有錯嗎
做可視化時，總希望制作的內容能讓人眼前一亮，于是很多人將“眼前一亮”理解為動態和色彩艷麗的酷炫效果。首先，追求動態和酷炫的效果，本身并沒有什么問題，但是人們往往會因為可視化內容是動態而將注意力更多花費在動態內容上，例如某地區人口遷徙的圖中有多條曲線連接遷入和遷出的地區，并加入箭頭代表人們的遷入與遷出方向，但是為了酷炫，在曲線上加入某些圖標(例如飛機圖標)代表人口的流動方向。首先，這幅圖確實十分酷炫，但是冷靜下來會發現各個地區的人口流向曲線已經交叉，會影響人們看圖的直觀判斷，如果此時你再加上動態圖標，會干擾人們的觀察和判斷，而將圖標改為光束的傳播效果是不是更好呢?所以善用圖標能夠對一幅可視化圖的表現力錦上添花，濫用也會使結果適得其反。
除了動態，酷炫的色彩也是人們常常使用的，目的是為了讓可視化不再平淡無奇。例如在一個柱狀圖，對每一個柱子填充一種顏色。你可能會問，為什么不能用多種顏色填充呢?一種顏色太平淡了，多種顏色才能凸顯這幅可視化!如果你是這樣想的，那么請思考一下柱狀圖的目的是什么?柱狀圖是為了表達數據的分布情況，所以它的關注點應該是柱子的高度，而不是柱子的顏色。當然，你可以用漸變色來加強柱子高度的展示，例如柱子越高顏色越深，這是合理的。
以上只是兩個常見的例子，在我們制作可視化時，對于動態和色彩的選擇需要謹慎，你首先要明確為什么使用這些?使用后比使用前有什么好處?如果能回答這些問題，再去使用。
除此之外，當數據量很大時，大量動態酷炫效果可能對前端渲染提出了挑戰，所以需要根據實際情況測試和使用這些特效。
本文摘編于《ECharts數據可視化：入門、實戰與進階》，經出版方授權發布。
作者：王大偉，目前就職于平安金融壹賬通，從事數據挖掘算法工作，擅長ECharts、Python、自然語言處理、數據分析挖掘、機器學習。
