對於數據分析師來說，可視化可能是最能表現自己工作價值的一個途徑，因為領導喜歡看這種直觀的、炫酷的、具有科技感的可視化大屏，我們也能把數據分析結果直接展示給領導，比一份紙面報告要強不知多少倍！

那麼領導到底想要看什麼樣的可視化呢？比如類似於這樣的：

這樣的

還有這樣的

最近我就在給公司設計一個類似上圖所展示的數據可視化大屏，這個大屏的主要目的是把當前產品中的一些數據及其分析結果通過可視化的方式展示出來，像阿里、京東、帆軟內部都有這樣的大屏產品，我特意做了一些調研，趁此機會在這裡給大家分享一些經驗，方便大家進行類似產品的設計。

怎麼做出好看的可視化？

數據可視化說起來很高大上，其實包括的範圍很廣，做個PPT裡邊放上數據圖表也可以算是數據可視化，做出高大上的數據大屏來也是可視化，這已經成為了很多行業的通用技能。

對於初級數據分析師，能用Excel和PPT做出基本的圖表和報告，能清楚的展示數據，就達到目標了；而對於高級數據分析師，需要探尋更好的數據可視化方法，使用更有效的數據可視化工具，如可視化工具python、BI等，根據實際需求做出或簡單或複雜的數據可視化內容。

而可視化大屏看起來很酷炫，其實邏輯本身並不複雜，主要就是按照一定規則對數據進行計算並展示；

在這個過程中，遇到最大的問題是數據以什麼形式進行可視化展示。

可能會有人問了，這些柱狀圖、餅狀圖、環狀圖、地圖等等不是很常見嗎？我們在平時使用產品的時候也會經常看到，比如支付寶每年的賬單，就會用圖文並茂的方式告訴我們，過去一年自己是怎麼敗家的；

其實看起來常見是一回事，可視化技術實現是另一回事，而這種數據可視化，不同於普通頁面的設計，設計中最大的不確定性就在於要考慮技術想怎麼實現，而不是自己想怎麼設計。畢竟產品的搭建是一個工程，而不是藝術，產品經理不能像藝術家一樣去發揮想象去設計，怎麼炫酷怎麼來。

也就是說，我們設計的圖形圖表，要開發能夠實現

。實際工作中，一些可視化效果開發用代碼寫很容易實現，效果也不錯，但這些效果設計師用 Ps / Ai / Ae 這些工具模擬時會發現比較困難。

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

因為大屏一般也沒有數據分析的難度，主要是美觀可視、對於大數據量的性能支撐。但即使是這兩項要求，開發人員就要累吐血，而用報表或者BI來開發的話，操作上只要地層數據平臺搭建好，前端從數據採集、數據整合、可視化製作都一氣呵成。

對於數據可視化展示的方案，我瞭解了一下，目前市場上能解決的方案非常多，國內國外，收費免費的都有，但是免費又功能強大，穩定且能保持持續迭代的產品不多，這裡給大家推薦三款國產的工具，保證能解決90%以上的數據可視化大屏展示需求。

ECharts

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

優點是免費而且原生全中文，支持開源，相對於其他開源的圖庫，文檔算是其中比較詳細的，做出來的效果也比較酷炫；但是如果是開發商業項目的，或者項目時間比較緊的，需要快速出成果的，出demo建議使用國外的Highchart。

阿里雲DataV

DataV 最著名的一個應用項目應該就是天貓雙11的數據大屏了，每一年都驚豔了無數聚焦於雙11活動的人們，2018 年的雙11數據大屏設計更是被稱為數據經濟時代的全球清明上河圖。

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

FineReport

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

它可以用來做實時大屏的可視化，本身直連數據庫，主要優點是使用起來很簡單，而且內置的圖表元素也比較豐富，只需在B/S端拖拽目標數據、相關維度，就能得到從不同維度分析的結果，統開發的定製化程度降低了不少，我們維護起來也比較簡單。

作為數據分析師，我們在使用這些圖表的時候，主要用途是進行前期的技術可行性調研和產品展示樣式的設計參考，使用的時候首先基於業務目標，想象一下自己的圖表要設計成什麼樣式，然後再配合這幾個工具，看一下官方的圖表示例，看看這些示例的樣式能否滿足自己的設計，如果不能的話，看看這些示例中有哪些圖可以代替自己的設計方案，調研完成並設計好方案，最後把一切交給技術就可以了。

最後放個福利，想要FineReport5.0免費版的，後臺私信回覆我“大屏”即可免費獲得！