導(dǎo)讀：如何將龐大且復(fù)雜的數(shù)據(jù)進(jìn)行可視化展現(xiàn)，提供一些設(shè)計前的思路
一、了解圖表
在擁有大量零散數(shù)據(jù)的情況下，如何快速找出最價值的數(shù)據(jù)呢纳鼎？
僅僅通過看文字，在大腦中轉(zhuǎn)化成一個畫面或者概念裳凸，會花費用戶大量的時間和精力贱鄙，而好的可視化是將數(shù)據(jù)加工成易于理解的形式，通過講“故事”姨谷，向我們展示了數(shù)據(jù)背后最有價值的部分逗宁。
那么如何選擇最適合當(dāng)前場景下的可視化圖表呢？
二菠秒、明確目標(biāo)信息
在設(shè)計圖表前疙剑，先要明確目標(biāo)信息：“給誰看，目的是什么”践叠；
不同角色的著重點不同言缤，所要看到的信息、指標(biāo)就會不同禁灼，針對指標(biāo)管挟、數(shù)據(jù)關(guān)系選擇不同的圖表類型；
比如市場投放部人員弄捕，想了解一個月內(nèi)各渠道來源的訪問占比僻孝，那么可以采用圓環(huán)餅圖直觀的看出各渠道占整體的比例情況；
銷售部人員守谓，想查看某商品在近幾個月的銷售情況穿铆，那么可以采用堆積柱狀圖來展示；
三斋荞、選擇圖表
明確目標(biāo)信息后荞雏，根據(jù)數(shù)據(jù)關(guān)系，選擇數(shù)據(jù)展示類型：
1平酿、比較：以每個項目下的單個或多個變量凤优、多個分類在時間維度上進(jìn)行的數(shù)據(jù)對比；
? ? ? 常用圖表：柱狀圖蜈彼、條形圖筑辨、折線圖、雷達(dá)圖幸逆；
2棍辕、分布：以一個或多個變量在某維度上的分布情況暮现，找出規(guī)律；
? ? ? 常用圖表：正態(tài)分布圖痢毒、散點圖送矩、曲線圖；
3哪替、構(gòu)成：同一個數(shù)據(jù)系列下每個分類的占比情況栋荸；
? ? ? 常用圖表：堆積圖、餅圖凭舶、圓環(huán)圖晌块；
4、聯(lián)系：多個變量之間的變化趨勢帅霜；
? ? ? 常用圖表：纱冶常基圖、散點圖身冀、氣泡圖钝尸；
四、詳解常用圖表
1搂根、柱狀圖
定義：顯示各項目之間的數(shù)據(jù)對比珍促，或一段時間內(nèi)的數(shù)據(jù)變化；
適用場景：1個或2個數(shù)據(jù)集比較剩愧；
優(yōu)點：直觀的表現(xiàn)出個體之間的差異
缺點：不適合多個數(shù)據(jù)集猪叙、多維度的比較
2、折線圖
定義：顯示相等的時間間隔內(nèi)的數(shù)據(jù)變化
適用場景：以時間為橫軸仁卷，顯示數(shù)據(jù)變化趨勢
優(yōu)點：強(qiáng)調(diào)時間性
3穴翩、雷達(dá)圖
定義：以一個中心點對應(yīng)多個維度數(shù)據(jù)間的變化
適用場景：用于綜合能力的分析
優(yōu)點：可以直觀的看出多維度下的整體情況
缺點：維度不宜過多，最好不要超過8個锦积，維度過多可能會無法清晰的看出優(yōu)劣
4芒帕、散點圖
定義：顯示單個或多個數(shù)據(jù)系列在某個維度上的變化趨勢
適用場景：趨勢的預(yù)測、數(shù)據(jù)集的擬合情況丰介，常用于AI產(chǎn)品
優(yōu)點：當(dāng)測試集在訓(xùn)練模型上進(jìn)行測試后背蟆，可以很直觀的看出結(jié)果是否擬合
缺點：適用場景較少，數(shù)據(jù)較小的情況下基矮，無法進(jìn)行預(yù)測
5淆储、餅圖
定義：顯示同個數(shù)據(jù)系列中每個分類占總數(shù)的比例情況
適用場景：描繪單個系列的多個分類的數(shù)據(jù)分析
優(yōu)點：直觀的反映出多分類的比例關(guān)系
缺點：分類過多過細(xì)冠场，導(dǎo)致餅圖無法完全展現(xiàn)
6家浇、圓環(huán)圖
定義：顯示單個或多個數(shù)據(jù)系列內(nèi)的每個分類占總數(shù)的比例情況
適用場景：描繪單個系列的多個分類的數(shù)據(jù)分析
優(yōu)點：可含多個數(shù)據(jù)系列
缺點：多個數(shù)據(jù)系列可能會造成用戶對數(shù)據(jù)的理解偏差
最后的話
以上介紹的圖表是單一圖表，也存在很多組合型圖表碴裙，比如柱狀圖+折線圖钢悲、餅圖+圓環(huán)圖点额、折線圖+堆積圖等，都是需要結(jié)合業(yè)務(wù)場景來設(shè)計圖表莺琳。
這一章講了先確定查看數(shù)據(jù)表的使用者还棱、目的等相關(guān)信息，再根據(jù)數(shù)據(jù)關(guān)系惭等，選擇以哪種圖表類型去展現(xiàn)珍手；下一章將會從圖表的元素、交互展開分析辞做。
以上為數(shù)據(jù)產(chǎn)品小白的圖表淺析琳要，還望小伙伴們指點、一起探討秤茅！
參考圖片：
https://www.echartsjs.com/examples/zh/index.html?theme=light#chart-type-line
