2020年了,數據可視化已經不是個新鮮詞了,把數據以可視化圖表的形式展示并沒有多神奇,用Excel等傳統(tǒng)的辦公工具就可以輕松實現。
以前傳統(tǒng)數據分析報告就是ppt里貼圖表,再配上分析結論,這種形式的數據呈現是靜態(tài)的,沒辦法實時反應業(yè)務狀態(tài),而且單個圖表只能反應局部的數據,但是老板要根據數據綜合管理業(yè)務,往往需要看到多個數據指標,就需要把各方面數據圖表整合到一起,于是一個新的概念“數據管理駕駛艙”就誕生了
不同的駕駛艙對應著不同的業(yè)務數據模塊,可以根據不同行業(yè)、不同角色、不同場景的需求進行配置,比如零售業(yè)常見的銷售管理駕駛艙,制造業(yè)常見的生產管理駕駛艙,還有一些單獨業(yè)務模塊等等,領導在駕駛艙里一下子就能看到做決策時需要用的關鍵數據儀表,并且可以對異常的指標進行下鉆分析。
銷售管理駕駛艙
收入利潤分析駕駛艙
數據實時展現,圖表之間能夠聯動,界面高端大氣,數據一目了然,這樣的數據可視化駕駛艙,領導怎么能不喜歡。
那么這種的可視化管理駕駛艙應該怎么做呢?今天我就用一個實操案例,手把手教大家如何制作。
第一步:需求調研
可視化駕駛艙其實就是一款數據產品,從產品經理的思想出發(fā),第一步就是搞清楚用戶需求,簡單來說就是這三個問題:駕駛艙是給誰看?他想看什么?有哪些關鍵指標?
比方說我們制作一個可視化駕駛艙,這個駕駛艙的受眾可能是公司的ceo,銷售總管,各大區(qū)銷售負責人,或者還有各個基層銷售人員,不同的層級,他們關注的數據是不一樣的,這時候就需要我們根據業(yè)務需求梳理展示邏輯,讓數據指標合理呈現在屏幕上
如果遇到復雜的管理型駕駛艙,涉及到多個數據指標,計算過程復雜,建議大家利用魚骨圖來梳理需求
第二步:根據指標選擇對應圖表
確定了要展現的數據指標之后,下一步就是根據指標分析的場景,選擇對應的圖表,這里放一張經典的圖表選擇指導圖給大家參考:
第三步:布局排版
根據實際需求,確定駕駛艙的主要信息和對應的展示形式,以及其他需要的次要信息和展示形式。就以上面的銷售駕駛艙為例,大概的布局如下:
第四步:駕駛艙設計
上面的都是前期的準備工作,這一步就是真正的開發(fā)環(huán)節(jié)了。工欲善其事必先利其器,要制作這樣的可視化駕駛艙得選個趁手的工具。
Excel、python、還是專業(yè)的可視化軟件?
我首先放棄了Excel,可視化模板開發(fā)對我來說還是很簡單的,也能實現圖表聯動,但是沒辦法實現數據實時展現,大數量承載能力也一般。從效率角度講,python是個不錯的選擇,但是代碼不熟練的話,我勸你放棄。
所以我還是選用專業(yè)的可視化軟件來做,上手門檻比較低,我用的是國內比較有名一個報表工具FineReport,本來以為它是和Excel差不多用法,但是看了網友用它做的可視化大屏,知道它做可視化開發(fā)也很厲害。
話不多說,直接放制作過程:
1、打開設計器,新建一張決策報表
決策報表采用的是畫布式的界面,上面的圖表組件和控件,可以拖拽到面板上,隨意布局
2、新建數據集
新建數據集,通過sql語句取出要用到的數據集,數據源我用的軟件自帶的數據。沒有sql基礎的朋友也不用擔心,都是用的最基礎語句,看一遍就會了。
新建模板數據集如下:
3、拖拽圖表組件布局
數據準備好之后,按照我們之前的排版布局圖,把對應的圖表組件拖拽到畫布上:
4、設置圖表
到上一步,我們的駕駛艙雛形就出來了,然后再給每個圖表組件綁定好數據源,設置好樣式、特效,基本就差不多了
基礎圖表的設置很簡單,我就不展示,給大家看一下數據地圖設置:
5、細節(jié)美化
配置好圖表,可視化駕駛艙的功能性已經完成了,但是視覺上還不夠美觀,我們可以駕駛艙配上統(tǒng)一的背景和標題,還有一些炫酷的可視化元素
(1)設置大屏背景
背景最好選用深色,所有的圖表背景色也最好要一致,背景除了采用顏色之外,也可以用深色系的圖片,加上一些視覺設計,效果會更好,給大家推薦幾個配色:
這里我選擇圖片作為背景,選中body,點擊屬性>樣式,設置填充圖片,打開背景圖片,設置圖片格式為拉伸,如下圖所示:
缺好看的背景圖的,推薦幾個背景圖網站:
https://unsplash.com/
http://699pic.com/
http://7mx.com/
(2)主標題邊框
為了細節(jié)美觀,我們還可以給駕駛艙添加一些可視化元素,比如給主標題添加邊框,利用一些創(chuàng)意圖標等等
在report 標題兩側拖入報表塊,并設置控件屬性中的樣式,以report 左為例,如下圖所示:
(3)設置圖表塊邊框
除了頂部的標題框外,各個圖表組件的標題也可以用不規(guī)則漸變色圖片來點綴,在給每個圖表組件都搭配簡潔的邊框,提升整個駕駛艙的層次感。
選中圖表塊,點擊屬性>樣式,設置填充圖片,打開準備好的標題背景圖片,設置圖片格式為拉伸,如下圖所示:
6、預覽最終效果
上述設置完后,點擊預覽,一張科技感的可視化駕駛艙就完成了:
除了一些基礎的可視化圖表之外,這個軟件還提供很多炫酷動態(tài)的圖表組件,可以實現自動播放、3D動畫特效等多種效果,多維度地展示數據,提升駕駛艙科技感
另外,一些創(chuàng)意元素的應用能夠讓可視化駕駛艙更加生動,比如,假如我們要做一個航空管理駕駛艙,就可以利用一些飛機圖標、圖畫之類的擬物效果,讓駕駛艙效果更加靈動
推薦一些獲取圖標的網站:
- https://www.iconfont.cn/
- https://icons8.com/
- https://iconmonstr.com/
- https://iconstore.co/
- https://www.easyicon.net/
- https://www.iconfinder.com/
- http://flat-icon-design.com/
總結
多說無益,自己動手實操一遍勝過看文章、資料百遍,要是能做出這樣的可視化駕駛艙,領導想不重要你都難!
文中所涉及的工具及素材,如有需要,收藏本文并轉發(fā),在評論留言“素材”,我會逐一回復
版權聲明:本文內容由互聯網用戶自發(fā)貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發(fā)現本站有涉嫌抄襲侵權/違法違規(guī)的內容, 請發(fā)送郵件至 舉報,一經查實,本站將立刻刪除。