對(duì)于數(shù)據(jù)分析師來說，可視化可能是最能表現(xiàn)自己工作價(jià)值的一個(gè)途徑，因?yàn)轭I(lǐng)導(dǎo)喜歡看這種直觀的、炫酷的、具有科技感的可視化大屏，我們也能把數(shù)據(jù)分析結(jié)果直接展示給領(lǐng)導(dǎo)，比一份紙面報(bào)告要強(qiáng)不知多少倍！

那么領(lǐng)導(dǎo)到底想要看什么樣的可視化呢？比如類似于這樣的：

這樣的

還有這樣的

最近我就在給公司設(shè)計(jì)一個(gè)類似上圖所展示的數(shù)據(jù)可視化大屏，這個(gè)大屏的主要目的是把當(dāng)前產(chǎn)品中的一些數(shù)據(jù)及其分析結(jié)果通過可視化的方式展示出來，像阿里、京東、帆軟內(nèi)部都有這樣的大屏產(chǎn)品，我特意做了一些調(diào)研，趁此機(jī)會(huì)在這里給大家分享一些經(jīng)驗(yàn)，方便大家進(jìn)行類似產(chǎn)品的設(shè)計(jì)。

怎么做出好看的可視化？

數(shù)據(jù)可視化說起來很高大上，其實(shí)包括的范圍很廣，做個(gè)PPT里邊放上數(shù)據(jù)圖表也可以算是數(shù)據(jù)可視化，做出高大上的數(shù)據(jù)大屏來也是可視化，這已經(jīng)成為了很多行業(yè)的通用技能。

對(duì)于初級(jí)數(shù)據(jù)分析師，能用Excel和PPT做出基本的圖表和報(bào)告，能清楚的展示數(shù)據(jù)，就達(dá)到目標(biāo)了；而對(duì)于高級(jí)數(shù)據(jù)分析師，需要探尋更好的數(shù)據(jù)可視化方法，使用更有效的數(shù)據(jù)可視化工具，如可視化工具python、BI等，根據(jù)實(shí)際需求做出或簡單或復(fù)雜的數(shù)據(jù)可視化內(nèi)容。

而可視化大屏看起來很酷炫，其實(shí)邏輯本身并不復(fù)雜，主要就是按照一定規(guī)則對(duì)數(shù)據(jù)進(jìn)行計(jì)算并展示；

在這個(gè)過程中，遇到最大的問題是數(shù)據(jù)以什么形式進(jìn)行可視化展示。

可能會(huì)有人問了，這些柱狀圖、餅狀圖、環(huán)狀圖、地圖等等不是很常見嗎？我們?cè)谄綍r(shí)使用產(chǎn)品的時(shí)候也會(huì)經(jīng)?？吹剑热缰Ц秾毭磕甑馁~單，就會(huì)用圖文并茂的方式告訴我們，過去一年自己是怎么敗家的；

其實(shí)看起來常見是一回事，可視化技術(shù)實(shí)現(xiàn)是另一回事，而這種數(shù)據(jù)可視化，不同于普通頁面的設(shè)計(jì)，設(shè)計(jì)中最大的不確定性就在于要考慮技術(shù)想怎么實(shí)現(xiàn)，而不是自己想怎么設(shè)計(jì)。畢竟產(chǎn)品的搭建是一個(gè)工程，而不是藝術(shù)，產(chǎn)品經(jīng)理不能像藝術(shù)家一樣去發(fā)揮想象去設(shè)計(jì)，怎么炫酷怎么來。

也就是說，我們?cè)O(shè)計(jì)的圖形圖表，要開發(fā)能夠?qū)崿F(xiàn)。實(shí)際工作中，一些可視化效果開發(fā)用代碼寫很容易實(shí)現(xiàn)，效果也不錯(cuò)，但這些效果設(shè)計(jì)師用 Ps / Ai / Ae 這些工具模擬時(shí)會(huì)發(fā)現(xiàn)比較困難。

同樣的，某些效果設(shè)計(jì)師用設(shè)計(jì)工具可以輕易實(shí)現(xiàn)，但開發(fā)要用代碼落地卻非常困難。所以在大屏設(shè)計(jì)中跟開發(fā)常溝通非常重要，我們需要明確哪些地方設(shè)計(jì)師可以盡情發(fā)揮，哪些地方需要謹(jǐn)慎設(shè)計(jì)。

因?yàn)榇笃烈话阋矝]有數(shù)據(jù)分析的難度，主要是美觀可視、對(duì)于大數(shù)據(jù)量的性能支撐。但即使是這兩項(xiàng)要求，開發(fā)人員就要累吐血，而用報(bào)表或者BI來開發(fā)的話，操作上只要地層數(shù)據(jù)平臺(tái)搭建好，前端從數(shù)據(jù)采集、數(shù)據(jù)整合、可視化制作都一氣呵成。

對(duì)于數(shù)據(jù)可視化展示的方案，我了解了一下，目前市場上能解決的方案非常多，國內(nèi)國外，收費(fèi)免費(fèi)的都有，但是免費(fèi)又功能強(qiáng)大，穩(wěn)定且能保持持續(xù)迭代的產(chǎn)品不多，這里給大家推薦三款國產(chǎn)的工具，保證能解決90%以上的數(shù)據(jù)可視化大屏展示需求。

ECharts

這是脫胎于百度一個(gè)數(shù)據(jù)可視化解決方案，包括折線圖，餅狀圖，柱狀圖，熱力圖等36類上百種可視化樣式，簡單來說呢它就是一個(gè)商業(yè)級(jí)數(shù)據(jù)圖表，一個(gè)純JavaScript的圖標(biāo)庫，部分示例如下：

優(yōu)點(diǎn)是免費(fèi)而且原生全中文，支持開源，相對(duì)于其他開源的圖庫，文檔算是其中比較詳細(xì)的，做出來的效果也比較酷炫；但是如果是開發(fā)商業(yè)項(xiàng)目的，或者項(xiàng)目時(shí)間比較緊的，需要快速出成果的，出demo建議使用國外的Highchart。

阿里云DataV

DataV 最著名的一個(gè)應(yīng)用項(xiàng)目應(yīng)該就是天貓雙11的數(shù)據(jù)大屏了，每一年都驚艷了無數(shù)聚焦于雙11活動(dòng)的人們，2018 年的雙11數(shù)據(jù)大屏設(shè)計(jì)更是被稱為數(shù)據(jù)經(jīng)濟(jì)時(shí)代的全球清明上河圖。

同樣的，DataV 也提供了一個(gè)編輯平臺(tái)，連該平臺(tái)本身的界面設(shè)計(jì)也充滿了未來科技感，可以根據(jù)模板新建，也可以新建空白頁面。基本操作模式與 Suger類似，設(shè)計(jì)師先建立畫面，后開發(fā)進(jìn)行數(shù)據(jù)源的接入。編輯界面的操作難度也不高，稍微了解一下，就可以快速入手。

FineReport

上面兩個(gè)工具比較專業(yè)，學(xué)習(xí)成本和難度都是相當(dāng)大的。那么有沒有適合完全新手的可視化工具，只需要幾分鐘就能夠上手，而且做出的效果既炫酷又實(shí)用的呢？當(dāng)然有，比如FineReport。

它可以用來做實(shí)時(shí)大屏的可視化，本身直連數(shù)據(jù)庫，主要優(yōu)點(diǎn)是使用起來很簡單，而且內(nèi)置的圖表元素也比較豐富，只需在B/S端拖拽目標(biāo)數(shù)據(jù)、相關(guān)維度，就能得到從不同維度分析的結(jié)果，統(tǒng)開發(fā)的定制化程度降低了不少，我們維護(hù)起來也比較簡單。

作為數(shù)據(jù)分析師，我們?cè)谑褂眠@些圖表的時(shí)候，主要用途是進(jìn)行前期的技術(shù)可行性調(diào)研和產(chǎn)品展示樣式的設(shè)計(jì)參考，使用的時(shí)候首先基于業(yè)務(wù)目標(biāo)，想象一下自己的圖表要設(shè)計(jì)成什么樣式，然后再配合這幾個(gè)工具，看一下官方的圖表示例，看看這些示例的樣式能否滿足自己的設(shè)計(jì)，如果不能的話，看看這些示例中有哪些圖可以代替自己的設(shè)計(jì)方案，調(diào)研完成并設(shè)計(jì)好方案，最后把一切交給技術(shù)就可以了。

最后放個(gè)福利，想要FineReport5.0免費(fèi)版的，后臺(tái)私信回復(fù)我“大屏”即可免費(fèi)獲得！