如何制作一個財務(wù)可視化大屏？

今年可視化大屏又被大家推上了熱搜，什么500強企業(yè)分析大屏、指揮中心大屏、大屏可視化分析等，處處都有著大屏可視化分析的背景。

那我們作為一名普通人，在沒有天貓雙十一發(fā)布會那種財力下，也沒有程序員的開發(fā)能力，我們能自己創(chuàng)作出一款大屏嗎？

答案當然是肯定的??！

小編之前也曾經(jīng)在一個團隊里為公司做過可視化大屏，經(jīng)歷了與需求方的不斷交涉、優(yōu)化，最終做出了幾張比較滿意的大屏：

這樣的大屏不僅擁有著高端的科技感，而且都是經(jīng)過了多次的版面設(shè)計和修改，這次大屏效果在同行業(yè)內(nèi)部交流過程中反響不錯。下面我就給大家介紹一下用FineReport這款個人免費軟件，是如何做出屬于自己的大屏的。

首先，來看一下業(yè)內(nèi)各個行業(yè)的大屏demo和實景。

大屏可視化行業(yè)demo

企業(yè)銷售部業(yè)績公示大屏

金融類雙11數(shù)據(jù)演示

國際業(yè)務(wù)的雙11數(shù)據(jù)演示

國內(nèi)雙11物流數(shù)據(jù)演示

綜合類雙11作戰(zhàn)指揮室

工程部設(shè)計規(guī)劃指揮中心

大屏可視化現(xiàn)場案例

（實際案例，出于保密，部分內(nèi)容已做模糊處理，大家將就著看哈，現(xiàn)場動態(tài)效果比單純看照片震撼很多！）

大屏可視化制作流程

下面我們就來介紹一下大屏具體是如何制作的。

1、工欲善其事比先利其器

第一步我們得先安裝FineReport，免費獲取大屏激活碼并安裝。

PS：偷偷告訴你，這是一款個人用戶可以免費使用的神器，當然了，F(xiàn)inereport的定位還是企業(yè)版web報表工具。

2、磨刀不誤砍柴功

先建一個空白大屏模板（決策報表），如下所示。

接下來，我們要思考一下，在這個空白界面上，我們的大屏需要怎樣的布局？有如下幾種常見的布局體系

以上是幾種常見的大屏排布方式，一句各個大屏模板所需要展示的具體信息我們可以自行選擇，需要注意的點就是需要有重點信息，有輔助信息，重點信息重點展示，輔助信息用來輔描述重點信息。

3、選擇合適的可視化元素

FineReport內(nèi)置了數(shù)十種可視化元素，不同類型的圖表，可以表達的含義不同，樣式構(gòu)思完畢之后 ，就需要考慮在帆軟眾多的圖表庫中挑選合適的圖表來展示相應(yīng)的信息了。

4、多樣化的炫酷插件

輪播GIS點地圖

輪播目標齒輪

時間齒輪

輪播夜光儀表盤

FineReport大屏插件有很多，小編在這里列舉幾個，想要下載插件話可以在這里找到：服務(wù)器>插件管理>安裝/更新擴展圖表3.0

5、添磚加瓦，細節(jié)雕琢

上一步我們把大致的框架搭好啦，但是總覺得不那么好看？為什么呢？因為我們?nèi)睅讟訓|西。一個是主心骨（總領(lǐng)全局的突出指標），一個是配色。

所以，我們先來給加一個全局指標，也就是我們關(guān)注的銷售總額數(shù)據(jù)，從快捷欄中拖入一個表格組件，并在表格中綁定銷售額數(shù)據(jù)。

可以瀏覽一下效果，是不是瞬間覺得整個頁面有了主心骨呢？

緊接著，我們開始對配色進行調(diào)整。這個時候，如果你懂一些美工方面的知識，或者說公司有專門的美工同學，那就事半功倍啦，照著美工出具的效果調(diào)整就行。

那沒有美工怎么辦呢？

不要緊哈，按照我們的一般套路&參考官方demo樣式，人人都可以自主調(diào)出好看的效果。而且FineReport提供了非常簡單、靈活的自定義設(shè)置，可以針對各個細節(jié)進行自由調(diào)整。比如小編這樣隨手調(diào)了幾個深色系樣板：

6、持續(xù)迭代，精益求精

到上一步，我們搭出的demo基本可以看了，但頂多也是差強人意，離優(yōu)秀還是有一些距離的，我們可以通過更多的技巧來繼續(xù)優(yōu)化。

比如為頁面添加一些合適的圖片背景或者邊框元素，比如設(shè)置圖表的動畫效果，比如設(shè)置監(jiān)控刷新來實時更新數(shù)據(jù)等等。

下圖GIF是我們給地圖添加了數(shù)據(jù)監(jiān)控及自動數(shù)據(jù)提示，會根據(jù)后臺數(shù)據(jù)變更情況實時在頁面上展示。

其實大屏的設(shè)計一方面需要不斷積累經(jīng)驗，另一方面也需要善用大屏工具，一個好的可視化工具能夠讓你做起大屏來得心應(yīng)手，像我這一次用的FineReport就完全沒有涉及編程，換成是數(shù)據(jù)小白也一樣能夠做出高端大氣的大屏。