最近，我不止一次地聽到來自粉絲的需求—— 視覺化大屏怎麼做？

難道是大家年底都在衝業績？

既然說到視覺化駕駛艙大屏，必然是我很感興趣的了，下面是自己多年的教程和心得分享給大家。

工具選擇

Excel、python、還是專業的視覺化軟體？

我首先放棄了Excel，視覺化模板開發對我來說還是很簡單的，也能實現圖表聯動，但是沒辦法實現資料實時展現，大數量承載能力也一般

從效率角度講，python是個不錯的選擇，但是程式碼不熟練的話，我勸你放棄

所以我還是選用專業的視覺化軟體來做，上手門檻比較低，我用的是國內比較有名一個報表工具FineReport

本來以為它是和Excel差不多用法，但是看了網友用它做的視覺化大屏，知道它做視覺化開發也很厲害

製作步驟 

教程只講視覺化demo的製作過程，硬體部分不涉及

1、確定主題及展示指標

在設計視覺化駕駛艙或大屏的時候，我們第一步要先確定我們大屏/駕駛艙的主題，然後列出我們想要在這張大屏上想要展示的資料指標和分析維度

駕駛艙主要包括：管理駕駛艙、業務管理駕駛艙、專項管理駕駛艙

戰略駕駛艙：戰略型駕駛艙的作用主要是讓使用者快速掌握企業的運營情況，並據此快速做出決策，對過去做出總結或是對未來擬定戰略性目標

分析型駕駛艙：分析型駕駛艙的作用主要是讓管理者不僅可以看到到表層的資訊，還可以深入探究表層現象發生的原因

透過鑽取聯動過濾等操作，從現象出發，沿著資料的脈絡去尋找原因。比如銷售業績為什麼下降，回款時間長的原因又是什麼

專項管理駕駛艙：操作型駕駛艙強調持續、實時的資訊彙報。

2、掌握決策報表操作基礎

在FineReport中，大屏和駕駛艙都是基於決策報表開發的，透過將不同的元件堆砌在頁面中製作而成。

首先，我們開啟finereport設計器的決策報表模式，新建決策報表，選擇想要使用的圖表元件（也可以選擇圖表元件或者引數元件）直接拖拽進皮膚上，然後可以進行進一步的編輯：

有了圖表，但是我們還沒有資料怎麼辦？很簡單，只需要透過查詢資料集，將想要進行分析展示的資料取出來，然後將其繫結給圖表元件就OK了

比如你想要展示不同銷售員的銷量情況，就要將新建的資料集繫結給柱狀圖，然後選擇合適的分類、系列名和系列值，這樣基本上一個圖表元件就完成了

掌握了用決策報表製作視覺化元件後，駕駛艙製作也就邁出了第一步

3、拖拽圖表元件佈局

資料準備好之後，按照我們之前的排版佈局圖，把對應的圖表元件拖拽到畫布上

5、設定圖表

到上一步，我們的駕駛艙雛形就出來了，然後再給每個圖表元件繫結好資料來源，設定好樣式、特效，基本就差不多了

基礎圖表的設定很簡單，我就不展示，給大家看一下資料地圖設定：

6、大屏的原型及視覺化設計

根據之前定好的業務指標進行排版：

主：核心業務指標安排在中間位置、佔較大面積，多為動態效果豐富的地圖

次：次要指標位於螢幕兩側，多為各類圖

表輔：輔助分析的內容，可以透過鑽取聯動、輪播顯示

一般把有關聯的指標讓其相鄰或靠近，把圖表型別相近的指標放一起，這樣能減少觀者認知上的負擔並提高資訊傳遞的效率

視覺方面，一般會上設計師出一個效果圖，確定排版佈局和配色方案

最重要的是輸出一些裝飾元件，適當給標題、數字等新增一些諸如邊框、圖畫等在內的點綴效果，能幫助提升整體美觀度，然後再在FineReport中設計

7、配色

佈局好之後下一步就是要進行配色，包括圖表、背景、元件、資料等等，顏色越多，搭配的難度就越大

所以大多數的時候選擇臨近色系，顏色跨度在90°左右，當用對比強烈的顏色搭配時，要掌握好顏色的比例，大量的主色搭配少量的對比色

到這一步，基本上駕駛艙的雛形就做完了，然後我們可以對背景、圖表配色細節進行美化

背景可以選擇顏色或者是圖片背景，做的匆忙我就沒高興找背景圖，直接用的顏色，點選body>樣式 進行設定

8、預覽最終效果

上述設定完後，點選預覽，一張科技感的視覺化駕駛艙就完成了：

除了一些基礎的視覺化圖表之外，這個軟體還提供很多炫酷動態的圖表元件，可以實現自動播放、3D動畫特效等多種效果，多維度地展示資料，提升駕駛艙科技感

另外，一些創意元素的應用能夠讓視覺化駕駛艙更加生動，比如，假如我們要做一個航空管理駕駛艙，就可以利用一些飛機圖示、圖畫之類的擬物效果，讓駕駛艙效果更加靈動!