如果要問企業(yè)中的IT人最怕聽到領(lǐng)導說什么，那么一定會有這句話：“IT部門這幾天做個dashborad大屏出來，要高大上一些，還得有數(shù)據(jù)支撐?！?/p>

其實做IT的人都知道，一般的dashboard駕駛艙都要開發(fā)半個月甚至更長時間，從需求分析到數(shù)據(jù)采集、儀表板開發(fā)，還得保證能支持大數(shù)據(jù)量的性能，這還只是開發(fā)的工作，沒有涉及美觀設計層面的內(nèi)容，就能讓IT部門累到吐血。

根據(jù)我多年的經(jīng)驗，想做出讓領(lǐng)導滿意的dashboard必須遵循下面兩個原則：

• 明確核心需求，不做表面功夫

• 巧用工具，善于借力

一般大部分IT人都會選擇進行代碼開發(fā)，或者直接交給外包做，但其效率和效果我就不說了，懂得人都明白。后來我嘗試使用一些報表工具來輔助搭建，上面會有定制化和自動化的駕駛艙搭建方式，如果能夠用好工具，完全可以替代設計人員和業(yè)務人員的作用，能夠大大解放自己的工作量，降低工作負荷。

說了這么多，下面就是今天要介紹的重點，如何制作出既炫酷好看又實用有效的dashboard駕駛艙呢？下面我以FineReport為例，實操一下駕駛艙的具體制作流程。

一、使用決策報表

我們制作dashboard使用的模式叫做決策報表模式，其實dashboard駕駛艙的本質(zhì)就是可交互性報表分析嘛，而普通的報表開發(fā)模式要實現(xiàn)圖表可視化比較繁瑣，低效困難。

所以finerepor開發(fā)了一種簡單方便的報表設計方式，也就是通過拖拽式操作，實現(xiàn)不同可視化組件的隨意搭配，完美實現(xiàn)多維分析管理看板，并支持局部刷新、多屏適應等等功能，不可謂不強大！

首先，我們打開finereport設計器的決策報表模式，新建決策報表，選擇想要使用的圖表組件（也可以選擇圖表組件或者參數(shù)組件）直接拖拽進面板上，然后可以進行進一步的編輯：

有了圖表，但是我們還沒有數(shù)據(jù)怎么辦？很簡單，只需要通過查詢數(shù)據(jù)集，將想要進行分析展示的數(shù)據(jù)取出來，然后將其綁定給圖表組件就OK了。

比如你想要展示不同銷售員的銷量情況，就要將新建的數(shù)據(jù)集綁定給柱狀圖，然后選擇合適的分類、系列名和系列值，這樣基本上一個圖表組件就完成了。

如果我們想要先看一下圖表的最終展示效果，可以選擇左上角的預覽按鍵，直接在web瀏覽器中查看，一次簡單的dashboard圖表就完成了。

學會了用決策報表制作可視化組件之后，我們的dashboard駕駛艙設計也就成功邁出了第一步，當然后面還有第二步、第三步、第四步......

二、選擇合適的駕駛艙類型

獨木不成林，單個圖表肯定算不上是駕駛艙，也無法支撐數(shù)據(jù)所以在進行版面設計之前，要先選擇合適的駕駛艙類型。面對不同的人群和需求，就要選擇不同的駕駛艙類型，比如finereport中提供的三種類型，基本可以實現(xiàn)企業(yè)內(nèi)部所有場景的可視化需求：

1、戰(zhàn)略型駕駛艙：主要面向的用戶是企業(yè)高層，比如總經(jīng)理、部門高管等，這類駕駛艙對實時性數(shù)據(jù)的要求比較低，關(guān)鍵是對核心數(shù)據(jù)信息的展示，因為領(lǐng)導喜歡的是簡潔、準確、有效的數(shù)據(jù)。

2、分析型駕駛艙：主要面對的是部門管理者和企業(yè)中層人員，目的是為了讓用戶深層次地分析數(shù)據(jù)，通過鉆取、聯(lián)動、過濾等操作探究數(shù)據(jù)變化的真實原因，比如為什么業(yè)績下降、銷售額下降這類問題。

3、操作型駕駛艙：主要是面對業(yè)務人員，目的是能歐進行持續(xù)、實時的數(shù)據(jù)匯報，比如監(jiān)控每天的進度和產(chǎn)出，監(jiān)控計劃預期進展。這種駕駛艙主要是從業(yè)務需求出發(fā)，實現(xiàn)對關(guān)鍵數(shù)據(jù)的監(jiān)控、閾值預警等，對數(shù)據(jù)的實時性要求比較高。

三、布局排版

在明確了駕駛艙類型之后，就可以進行布局排版了，用正確的方式來展示正確的數(shù)據(jù)，才能保證我們的駕駛艙是美觀準確的。

1、版式設計

第一步是要將數(shù)據(jù)進行梳理，明確數(shù)據(jù)想要表達的主題。

一般來說，駕駛艙上的展示空間是有限的，我們不能將所有的數(shù)據(jù)都堆到里面，領(lǐng)導想要看到的也只是一些關(guān)鍵數(shù)據(jù)，因此我們要把最關(guān)鍵的數(shù)據(jù)放到核心位置，然后按照重要度依次排列，一般來說有下面四種板式：

比如我經(jīng)常會用第一種設計方式，按照人眼的視覺習慣，將主要內(nèi)容放在駕駛艙面板的左上角，比如地圖組件，次要內(nèi)容分布于下方和右方，比如柱狀圖和餅狀圖；

2、圖表類型選擇

第二步我們要選擇最合適的圖表類型來表達數(shù)據(jù)，以便簡化信息、突出重點，比如如果地圖是我們重要的展示數(shù)據(jù)，就要將地圖作為畫表的主體部分放在駕駛艙的中部或者上部，然后與其他次要圖表進行搭配：

如果你想展示一些占比統(tǒng)計，可以選擇餅圖、儀表盤、圓環(huán)圖、?泡圖、散點圖、雷達圖等進行圖表展示，這些圖表容易出現(xiàn)空間?較空、散的問題，所以可以搭配?些畫??較滿的圖表類型：

如柱形圖、條形圖、堆積柱形圖、表格、?積圖等。這樣畫?才能做到松弛有度，節(jié)奏感強畫?就會舒服。

四、進行配色

布局好之后下一步就是要進行配色，包括圖表、背景、組件、數(shù)據(jù)等等，顏?越多，搭配的難度就越?，所以?多數(shù)的時候選擇臨近?系，顏?跨度在90°左右，當?對?強烈的顏?搭配時，要掌握好顏?的?例，?量的主?搭配少量的對??。

finereport內(nèi)置了不少配色方案，都比較不錯，而且finereport設計器中的圖表，用默認配色，所以柱形圖和餅圖最好用“漸變高光”。如果自己配色，可以選擇淺淡一些的顏色，不要太亮太扎眼。

此外圖表的背景色很重要，巧妙使用，可以得到不同的效果，finereport的背景色里面，也可以設置間隔或漸變，得到不一般的效果。

五、動態(tài)、細節(jié)優(yōu)化

駕駛艙制作的最后一個重要步驟就是加入動態(tài)的效果，所謂“死的表格不如動的圖形”，我們不僅要努力讓用戶能夠解讀數(shù)據(jù)，還要讓他們還可以輕松甚至愉快地完成這些工作。

finereport中有很多可以實現(xiàn)的動態(tài)效果，比如自動輪播、圖表閃爍、動態(tài)背景等等，基本上也都是用報表塊實現(xiàn)的，具體方法大家可以參考一下官方的幫助文檔，比較詳細簡單，很容易學會。

還有，finereport的可視化插件很良心，我們只要下載插件然后按照教程就可以完成很多復雜的動態(tài)效果，非常方便實用。

最后，我們的可視化dashboard駕駛艙就基本上完成了，最后只需要再對圖表的外框、組件、背景、圖形適配大小、字體大小等進行優(yōu)化就行了，保證我們的可視化駕駛艙的每個細節(jié)都無可挑剔。

經(jīng)過上面五大步驟之后，我們最終就能完成一張精美而實用的dashboard駕駛艙，不僅不會有人嫌棄你的報表難看，更能夠幫助企業(yè)進行數(shù)據(jù)精細化管理，讓數(shù)據(jù)真正發(fā)揮價值。

而對于我們IT人來說，dashboard駕駛艙的設計不僅需要積累經(jīng)驗，還需要善用工具，一個好的報表工具能夠讓你得心應手，換成是數(shù)據(jù)小白也一樣能夠做出高端大氣的dashboard！