提到資料視覺化大屏,我們腦海中往往會有兩個詞:動態直觀、統籌監控。
很多企業和團隊在開展大屏項目的時候都是基於這兩個詞,基本訴求也就是兩個部分:
對內,要監控公司營運,即時統籌全域掌握關鍵資料;
對外,要為客戶展示公司運行情況,從未維護客戶關係,增強信任;
因此,大屏不僅要求做到視覺上美觀炫目,更要突出與資料契合的科技感,方便查看資料,使需要被關注的重點突出。
而更多時候我們在視覺、資料方面有會更高的要求,需要大屏美觀與實用性並存:在視覺方面,需要不同大屏的排版標新立異,所用素材與資料體現形式不可重複;在資料方面,高層領導對大屏的要求更側重實用性和即時性,且對指標的擺放順序有獨到的見解。
一言概之,老闆的需求簡單明瞭「我要5張大屏,展現科技感、亦兼具實用性、即時性」。
於是針對這兩個需求,我們團隊將最終成果擺在了老闆面前:
大屏經驗分享
這次大屏效果在同行業內部交流過程中反響不錯,在這次大屏的開發過程中,我亦總結了一些獨家的大屏技巧略作分享。
首先要說一下我們製作大屏使用的工具——FineReport11.0,是採用最新的視覺化大屏圖表,預設採用深色背景+螢光配色,非常符合浸入式的大屏體驗;而且能根據圖表類型和資料要求,提供「輪播」或「刷新」兩種動畫形式,能夠滿足不同場景下的業務需求。
同時FineReport11.0最厲害之處,在於它基於webgl等技術,對動畫不斷優化調整,能讓做出來的效果更加簡潔炫酷。
一、靈活使用圖片修飾
1、插入系列法:
概述:讓圖表擺脫常見的柱形填充效果,透過自選的圖片豐富大屏的創意。
操作:在圖表->系列->樣式中,將已經設計好的圖片作為要素填充進圖表中。
2、背景圖修飾法
概述:靈活使用絕對佈局,透過報表快疊加美化圖表效果。
比如,老闆想要一個這樣的儀錶盤(左圖1),在FineReport11.0的儀錶盤不符合需求的情況下,應用了360度儀錶盤實現了類似效果(右圖1),後經過修改,利用儀錶盤上方疊加圓形圖的方式實現了最終效果(右圖2)。
二、散點圖、氣泡圖也能玩出花
思路:
靈活使用組合圖的各個圖表組合。
對於分類數已知的圖表來說,可把每個分類當做一個圖表來單獨設計,能靈活設定顏色、背景、提示點位置。
三、圖表的「創新」
概述:透過設計師設計的圖片作為背景來拓寬圖表樣式,實現3D直條圖、3D圓環圖等效果。
步驟:
設計師設計自訂圖片,圖片為具有一定特效的圖表,把資料去掉。
透過上文提到的報表塊疊加,將圖片作為底層背景,上層疊加資料,即可實現自製圖表效果。
四、自訂地圖
概述:透過自訂圖片作為地圖背景,重新描點形成json檔,實現地圖的3D傾斜效果。
步驟:
設計師設計自訂地圖,輸出地圖圖片(壓縮到1M以內最好,不然載入太慢)
設計器點擊伺服器->地圖資料,進入地圖編輯頁面,自建自訂地圖,放入壓縮好的圖片
對地圖描點,根據實際業務情況描點(可按省份描也可按大區描)
保存json檔,重啟設計器即可在地圖圖層中選到自訂地圖。
最終效果
1、首頁
首頁分析了銀行整體的信貸品質、存貸款、不良貸款情況。
2、對公二級屏
對公二級屏分析商業銀行比較重視的公司業務的風險情況,包括貸款餘額情況、逾期率、不良率、已暴露風險趨勢等核心指標。
3、零售二級屏
零售二級屏分析零售業務比較關注的風險指標,主要包括零售業務餘額、不良貸款餘額,個人貸款餘額、信用卡餘額等。
4、金融市場二級屏
金融市場二級屏分析金融市場業務比較關注的風險監測指標,主要包括金融市場業務餘額、貸款餘額分佈、自營業務餘額、理財業務餘額、貸款變動趨勢等。
5、即時監控屏
即時監控屏相較於前四屏,本屏重在資料的即時監控,監控的預警客戶數、大額交易記錄也具有較強時效性。
FineReport搭載新功能——FVS大屏戰情室
還是覺得戰情室不夠酷炫?FineReport大屏開發新功能——FVS 3D戰情室,滿足您的一切需求!
FVS引入了3D戰情室和故事性大屏功能,畫佈式佈局更加生動和吸引人。透過手機和平板,使用者就可以輕鬆控制大屏戰情室。
1.新增故事性大屏演繹功能,簡報生動有趣
FVS企業戰情室採用類似簡報的多分頁設計模式,輕鬆實現簡報翻頁和輪播。在分頁之間,使用者可以應用靈活的組件動畫效果,讓內容以動畫過渡呈現,讓示範彙報生動有趣,絕不枯燥乏味。
2.酷炫3D戰情室,體現未來科技感
FVS不僅能一屏呈現全面的業務資訊,還可以輕鬆追溯關鍵指標,便捷實現管理手段。實時資料、豐富的組件、3D華麗動效以及故事性企業戰情室演繹,幫助快速搭建戰情中心。
FineReport的戰情室新模塊——FVS的最新功能包括引入了3D戰情室和故事性大屏,使畫面佈局更加生動吸引。使用者可以透過手機和平板輕鬆控制大屏戰情室,方便操作與管理。
總結
現在很多企業已經不滿足于傳統的固化報表了,而是更想要透過更直觀的動態資料來做業務決策,卻不知道大屏專案該如何下手。像我們團隊這一次做出的大屏成果,直觀而且震撼,能夠覆蓋從需求分析、方案設計、專案落地、專案運維全生命週期,保證了大屏項目的完成。
感謝閲讀!FineReport提供最全免費功能版本,不用等待,直接點擊以下按鈕激活&下載!
免費試用FineReport11.0>
獲得帆軟最新動態:數據分析,報表實例,專業的人都在這裡!加入FineReport臉書粉絲團!
相關文章:
掌握這7點,不懂程式碼也能做出酷炫的資料視覺化大屏!
喜歡這篇文章嗎?歡迎分享按讚,給予我們支持和鼓勵!