FacebookTwitterLineHatena

試問哪位做大屏的朋友,沒有過被老闆嫌棄的經歷呢?尤其是接待大廳、監控面板這些場合,畫面效果總被嚴格要求,改來改去,老闆還是覺得別人家的戰情室更好看。

做戰情室規劃,指標要放哪些、畫面怎麼排,已經夠傷腦筋了;碰上多個據點、區域業績這類資料,還得想辦法把地圖做好看、讓人看得懂。尤其是佔據視覺中心的地圖,光是調整背景、角度和切換效果,就可能來回折騰好幾輪。

不過有我大師兄在,再難的問題都能解決!今天就給大家送上 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大學智慧校園看板

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

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

熱門文章推薦

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

免費試用