試問哪位做大屏的朋友,沒有過被老闆嫌棄的經歷呢?尤其是接待大廳、監控面板這些場合,畫面效果總被嚴格要求,改來改去,老闆還是覺得別人家的戰情室更好看。
做戰情室規劃,指標要放哪些、畫面怎麼排,已經夠傷腦筋了;碰上多個據點、區域業績這類資料,還得想辦法把地圖做好看、讓人看得懂。尤其是佔據視覺中心的地圖,光是調整背景、角度和切換效果,就可能來回折騰好幾輪。
不過有我大師兄在,再難的問題都能解決!今天就給大家送上 FineReport 場景地圖,多場景切換、沉浸式背景、無縫鑽取輪播……把不同區域、不同主題的資料串起來,也讓戰情室看板多一點空間感和層次感!
話不多說,先看效果:
一、場景地圖
地圖好看,還得用在對的地方。如果你的戰情室要展示各地據點、區域業績或配送路線,讓大家一眼找到「哪裡發生什麼事」,地圖就很適合出場。若只是比較幾個部門的數字,長條圖可能更直接,不必每張看板都硬塞一張地圖。
確定地圖要上場了?接下來就看看,這張場景地圖能幫你省下哪些功夫。
1、多種場景切換
新地圖的全名為“場景切換地圖”,適用於展示多場景下的多維度地圖資料,是資料+地圖組合在維度數量上的改良。“場景設定”裡有點、線、柱形和區域地圖型別可選,資料匹配、樣式調整、特效設定一應俱全。場景地圖的每一個場景下,都可以精心搭建出一個立體的資料世界。

2、沉浸式背景
從單場景畫面看,新地圖的背景採用全新的引擎技術精心雕刻,效果不亞於遊戲畫面。星空風格的背景是場景地圖的視覺精華,為酷炫的大屏效果做了極大的貢獻。
本次更新的地圖背景效果有粒子、流星、齒輪、掃光、底部圖層和天空背景6種,可以自定義開啟或關閉。
接待展示想要吸睛,可以試著搭配幾種背景效果;如果是每天盯著看的監控面板,就先讓數字和異常提示站穩主角的位置,別讓流星搶了業績的風頭。
地圖背景也可以作為整張大屏的背景,再將其它元件搭配其上,減少另外拼接背景時的違和感。

3、無縫鑽取輪播
從動畫效果看,地圖可選擇輪播/暫停輪播和手動切換,區域地圖型別下還可以有向下鑽取的效果,這看起來好像和普通地圖差不多?
不,場景地圖不僅可以切換地圖展示的資料維度、內容,還可以調整視角、遠近和地圖邊界,真正實現“場景”的切換。場景地圖在“鑽取”的過程中可以平滑過渡視角,視角切換過程如同乘坐飛機從高空滑下,到達城市的上空,比單純的地圖鑽取來得更加震撼。

地圖在配置時可以直觀地看到實時更改效果,所見即所得。滑鼠拖拽可以自由切換地圖視角,在高空俯視和水平線遠眺之間零間斷調整;上下滑動則可以調整視物的遠近,中國地圖下最大視野可以一覽全亞洲邊界背景下的中國,放大則可以逼近某個省,直至精確找到某個市。
點選“儲存為初始視角”可以將調整好的角度設定為頁面初始化的效果,隨需展現地圖最美的角度。
4、細節更精緻
新地圖在細節上的視覺效果幾乎全面優於普通地圖,例如,在樣式配置方面,點形狀上就可以有三角錐點、四角錐點、菱形角錐點和光點四種可選樣式,可謂是大屏地圖的“點睛之筆”。

柱形圖+地圖的組合下,體現了資料量大小的光柱在地圖上“平地起高樓”,光柱寬高比例、光圈效果可以調整,在資料和圖形的結合方面更加生動形象。
二、製作教程
1、圖表獲取
只要你能正常使用FineReport設計器,上手10分鐘就能get這個場景地圖啦,不信更新圖表外掛一起試試?
沒有下載FineReport的話也可以點擊這裡免費獲取最新版安裝包哦~
小編強烈建議大家讓場景地圖佈滿全螢幕,並置於最底層,這樣才能將地圖元件的“場景感”發揮到淋漓盡致!

2、配置資料和樣式
接下來的操作與普通地圖很相似,選擇地圖型別、配置資料和樣式。
ps:配置完資料,別只顧著看畫面漂不漂亮,也要檢查「沒有資料」和「數值為 0」能不能分清楚。少了一筆資料,可不代表這個區域一切正常;必要時加上狀態說明,才不會讓老闆看錯重點!
3、調整視角
配置完場景的資料和樣式後,需要對地圖主體的遠近,觀察者的視線進行精細調整,且調整效果所見即所得!

4、新增場景
以上只是單個場景的單獨配置,此圖表最精彩之處還不在此。右上角點選“+”新增第二個以上的場景進行輪播才是精髓啊!

以上,一個視覺化地圖就完成啦!看下效果:

地圖做好了,戰情室看板還差最後一哩路!接下來,把關鍵指標、趨勢圖和異常清單安排在地圖四周:地圖負責告訴大家「在哪裡」,其它圖表則接著回答「差多少、怎麼變、哪裡要處理」。
如果要設定地圖與周圍元件的聯動,記得確認它們切換到的是同一個區域、同一段時間的資料。可別地圖已經飛到下一站,旁邊的業績還留在上一站,畫面很忙,大家卻越看越迷糊。
最後,把看板放到實際使用的螢幕上試播一次。站遠一點,看看數字是否清楚、輪播會不會太快,也確認畫面能不能辨識資料的更新時間。讓老闆看得懂,這張大屏才算真的派上用場!
本次更新的擴充套件圖表外掛是免費試用的,大家可以直接在外掛商城進行更新。(注意:設計器和伺服器端都需要更新,內網環境請在連結下載最新安裝包,選擇從本地安裝。外掛的具體使用方法請參照幫助文件)
三、地圖還不夠?再看看 FVS 大屏戰情室
地圖做好了,老闆又有新點子:「能不能像簡報一樣切換主題?再加一點 3D 場景?」如果需求已經從一張地圖,延伸到整套戰情室的展示方式,就可以接著看看 FineReport 的 FVS 功能。
FVS引入了3D戰情室和故事性大屏功能,畫佈式佈局更加生動和吸引人。透過手機和平板,使用者就可以輕鬆控制大屏戰情室。
1、故事性大屏演繹,讓簡報生動有趣
FVS企業戰情室採用類似簡報的多分頁設計模式,輕鬆實現簡報翻頁和輪播。在分頁之間,使用者可以應用靈活的組件動畫效果,讓內容以動畫過渡呈現,讓示範彙報生動有趣,絕不枯燥乏味。

2、酷炫3D戰情室,體現未來科技感
FVS不僅能一屏呈現全面的業務資訊,還可以輕鬆追溯關鍵指標,便捷實現管理手段。實時資料、豐富的組件、3D華麗動效以及故事性企業戰情室演繹,幫助您快速搭建戰情中心。

多解析度自適應,簡單拖拽即可自由佈局,所見即所得操作方式,讓使用變得更加便捷。快點擊下方按鈕開啟FVS 3D大屏戰情室體驗吧!
喜歡這篇文章嗎?歡迎分享按讚,給予我們支持和鼓勵!


