FacebookTwitterLineHatena

提到資料視覺化大屏,我們腦海中往往會有兩個詞:動態直觀、統籌監控。

很多企業和團隊在開展大屏項目的時候都是基於這兩個詞,基本訴求也就是兩個部分:

對內,要監控公司營運,即時統籌全域掌握關鍵資料;
對外,要為客戶展示公司運行情況,從未維護客戶關係,增強信任;

因此,戰情中心不僅要求做到視覺上美觀炫目,更要突出與資料契合的科技感,方便查看資料,使需要被關注的重點突出。

而更多時候我們在視覺、資料方面有會更高的要求,需要大屏美觀與實用性並存:在視覺方面,需要不同大屏的排版標新立異,所用素材與資料體現形式不可重複;在資料方面,高層領導對大屏的要求更側重實用性和即時性,且對指標的擺放順序有獨到的見解。

一言概之,老闆的需求簡單明瞭「我要5張大屏,展現科技感、亦兼具實用性、即時性」。

於是針對這兩個需求,我們團隊將最終成果擺在了老闆面前:

大屏經驗分享

這次大屏效果在同行業內部交流過程中反響不錯,在這次大屏的開發過程中,我亦總結了一些獨家的大屏技巧略作分享。

首先要說一下我們製作大屏使用的工具——FineReport10.0,是採用最新的視覺化戰情室大屏圖表,預設採用深色背景+螢光配色,非常符合浸入式的大屏體驗;而且能根據圖表類型和資料要求,提供 「輪播」或「刷新」兩種動畫形式,能夠滿足不同場景下的業務需求。

同時FineReport10.0最厲害之處,在於它基於webgl等技術,對動畫不斷優化調整,能讓做出來的效果更加簡潔炫酷。

一、 靈活使用圖片修飾

1、插入系列法:

概述:讓圖表擺脫常見的柱形填充效果,透過自選的圖片豐富大屏的創意。

操作:在圖表->系列->樣式中,將已經設計好的圖片作為要素填充進圖表中。

2、背景圖修飾法

概述:靈活使用絕對佈局,透過報表快疊加美化圖表效果。

比如,老闆想要一個這樣的儀錶盤(左圖1),在FineReport10.0的儀錶盤不符合需求的情況下,應用了360度儀錶盤實現了類似效果(右圖1),後經過修改,利用儀錶盤上方疊加圓形圖的方式實現了最終效果(右圖2)。

二、 散點圖、氣泡圖也能玩出花

思路:

靈活使用組合圖的各個圖表組合。
對於分類數已知的圖表來說,可把每個分類當做一個圖表來單獨設計,能靈活設定顏色、背景、提示點位置。

三、圖表的「創新」

概述:透過設計師設計的圖片作為背景來拓寬圖表樣式,實現3D直條圖、3D圓環圖等效果。

步驟:

設計師設計自訂圖片,圖片為具有一定特效的圖表,把資料去掉。
透過上文提到的報表塊疊加,將圖片作為底層背景,上層疊加資料,即可實現自製圖表效果。

四、自訂地圖

概述:透過自訂圖片作為地圖背景,重新描點形成json檔,實現地圖的3D傾斜效果。

步驟:

設計師設計自訂地圖,輸出地圖圖片(壓縮到1M以內最好,不然載入太慢)
設計器點擊伺服器->地圖資料,進入地圖編輯頁面,自建自訂地圖,放入壓縮好的圖片
對地圖描點,根據實際業務情況描點(可按省份描也可按大區描)
保存json檔,重啟設計器即可在地圖圖層中選到自訂地圖。

最終效果

1、首頁

首頁分析了銀行整體的信貸品質、存貸款、不良貸款情況。

2、對公二級屏

對公二級屏分析商業銀行比較重視的公司業務的風險情況,包括貸款餘額情況、逾期率、不良率、已暴露風險趨勢等核心指標。

3、零售二級屏

零售二級屏分析零售業務比較關注的風險指標,主要包括零售業務餘額、不良貸款餘額,個人貸款餘額、信用卡餘額等。

4、金融市場二級屏

金融市場二級屏分析金融市場業務比較關注的風險監測指標,主要包括金融市場業務餘額、貸款餘額分佈、自營業務餘額、理財業務餘額、貸款變動趨勢等。

5、即時監控屏

即時監控屏相較於前四屏,本屏重在資料的即時監控,監控的預警客戶數、大額交易記錄也具有較強時效性。

五、FineReport新模塊——FVS大屏戰情室

感覺戰情室還是不夠酷炫?想要更多更精美的模塊?FineReport大屏開發新功能——FVS 3D戰情室,滿足你資訊視覺化的一切需求!

FineReport的戰情室新模塊——FVS的最新功能包括引入了3D戰情室和故事性大屏,使畫面佈局更加生動吸引人。使用者可以透過手機和平板輕鬆控制大屏戰情室,方便操作與管理。

1.新增故事性大屏演繹功能,簡報生動有趣

FVS企業戰情室採用類似簡報的多分頁設計模式,藉此輕鬆實現簡報翻頁和輪播功能。透過分頁之間的靈活組件動畫效果,使用者能夠賦予內容生動的過渡呈現,使得示範彙報變得生動有趣,完全不會枯燥乏味。

2.酷炫3D戰情室,體現未來科技感

FVS提供全面的業務資訊一屏呈現的功能,讓您輕鬆追溯關鍵指標,實現便捷的管理手段。透過實時資料、豐富的組件、引人入勝的3D華麗動效,以及故事性企業戰情室演繹,可以快速建立功能豐富的戰情中心。

多解析度自適應,簡單拖拽即可自由佈局,所見即所得操作方式,讓使用變得更加便捷。快點擊下方鏈接開啟FVS 3D大屏戰情室體驗吧!

了解FVS大屏解決方案>>

總結

現在很多企業已經不滿足于傳統的固化報表了,而是更想要透過更直觀的動態資料來做業務決策,卻不知道大屏專案該如何下手。像我們團隊這一次做出的大屏成果,直觀而且震撼,能夠覆蓋從需求分析、方案設計、專案落地、專案運維全生命週期,保證了大屏項目的完成。

感謝閲讀!FineReport提供最全免費功能版本,不用等待,直接點擊以下按鈕激活&下載!
免費試用FineReport11.0>

獲得帆軟最新動態:數據分析,報表實例,專業的人都在這裡!加入FineReport臉書粉絲團

相關文章:

2021最全企業戰情室搭建指南,建議收藏!

掌握這7點,不懂程式碼也能做出酷炫的資料視覺化大屏!

活用這25種圖表效果,你的資料視覺化也能變得高級炫酷!

喜歡這篇文章嗎?歡迎分享按讚,給予我們支持和鼓勵!

熱門文章推薦

立即試用,可獲取更多 報表範本和案例

免費試用