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

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

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

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

• 巧用工具,，善于借力

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

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

一、使用決策報表

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

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

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

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

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

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

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

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

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

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

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

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

三、布局排版

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

1,、版式設(shè)計

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

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

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

2,、圖表類型選擇

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

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

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

四,、進(jìn)行配色

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

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

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

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

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

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

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

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

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

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