FacebookTwitterLineHatena

試問哪位做大屏的朋友沒有過被老闆嫌棄的經歷呢?尤其是高階大氣上檔次的接待大廳、監控面板等,畫面效果被老闆嚴格要求,改來改去,領導還是覺得別人家的大屏更好看

酷炫的大屏效果誰都想做出來,但是要付出的時間精力令人望而卻步。尤其是佔據視覺中心地位的地圖,不精心雕刻個十天半月的,如何承托起整個大屏的逼格?

不過有我大師兄在,再難的問題都能解決!今天我就給大家送上FineReport全新場景地圖,多場景切換、沉浸式背景、無縫鑽取輪播……讓大屏的空間感、立體感、精緻度瞬間提升!

話不多說,先看效果:

一、場景地圖

1、多種場景切換

新地圖的全名為“場景切換地圖”,適用於展示多場景下的多維度地圖資料,是資料+地圖組合在維度數量上的改良。“場景設定”裡有點、線、柱形和區域地圖型別可選,資料匹配、樣式調整、特效設定一應俱全。場景地圖的每一個場景下,都可以精心搭建出一個立體的資料世界。

2、沉浸式背景

從單場景畫面看,新地圖的背景採用全新的引擎技術精心雕刻,效果不亞於遊戲畫面。星空風格的背景是場景地圖的視覺精華,為酷炫的大屏效果做了極大的貢獻。

本次更新的地圖背景效果有粒子、流星、齒輪、掃光、底部圖層和天空背景6種,可以自定義開啟或關閉。如果大屏需要更強的視覺衝擊力,建議開啟全部背景效果項。地圖背景即大屏背景,不需要專門做區分或融合的考量,其它元件躍然其上,結合效果渾然天成,層次分明恍若伸手可觸,毫無衝突感和違和感。

3、無縫鑽取輪播

從動畫效果看,地圖可選擇輪播/暫停輪播和手動切換,區域地圖型別下還可以有向下鑽取的效果,這看起來好像和普通地圖差不多?

不,場景地圖不僅可以切換地圖展示的資料維度、內容,還可以調整視角、遠近和地圖邊界,真正實現“場景”的切換。場景地圖在“鑽取”的過程中可以平滑過渡視角,視角切換過程如同乘坐飛機從高空滑下,到達城市的上空,比單純的地圖鑽取來得更加震撼。

地圖在配置時可以直觀地看到實時更改效果,所見即所得。滑鼠拖拽可以自由切換地圖視角,在高空俯視和水平線遠眺之間零間斷調整;上下滑動則可以調整視物的遠近,中國地圖下最大視野可以一覽全亞洲邊界背景下的中國,放大則可以逼近某個省,直至精確找到某個市。

點選“儲存為初始視角”可以將調整好的角度設定為頁面初始化的效果,隨需展現地圖最美的角度。

4、細節更精緻

新地圖在細節上的視覺效果幾乎全面優於普通地圖,例如,在樣式配置方面,點形狀上就可以有三角錐點、四角錐點、菱形角錐點和光點四種可選樣式,可謂是大屏地圖的“點睛之筆”。

柱形圖+地圖的組合下,體現了資料量大小的光柱在地圖上“平地起高樓”,光柱寬高比例、光圈效果可以調整,在資料和圖形的結合方面更加生動形象。

二、製作教程

1、圖表獲取

只要你能正常使用FineReport設計器,上手10分鐘就能get這個場景地圖啦,不信更新圖表外掛一起試試?

最新版安裝包在這裡哦:下載鏈接

小編強烈建議大家讓場景地圖佈滿全螢幕,並置於最底層,這樣才能將地圖元件的“場景感”發揮到淋漓盡致!

2、配置資料和樣式

接下來的操作與普通地圖很相似,選擇地圖型別、配置資料和樣式。

ps:適用場景地圖時,若地圖邊界內的某區域缺少資料,該區域也不會灰化,不用擔心缺失資料對畫面美觀性的影響啦!

3、調整視角

配置完場景的資料和樣式後,需要對地圖主體的遠近,觀察者的視線進行精細調整,且調整效果所見即所得!

4、新增場景

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

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

此時的模板還不能稱之為大屏,需要大家再新增其它元件,將表格、圖表合理分佈在場景地圖的四周。

當然還可以設定地圖和周圍元件之間的聯動效果,在場景切換的同時輪播周圍的元件,營造更好的沉浸式場景體驗。

本次更新的擴充套件圖表外掛是免費試用的,大家可以直接在外掛商城進行更新。(注意:設計器和伺服器端都需要更新,內網環境請在連結下載最新安裝包,選擇從本地安裝。外掛的具體使用方法請參照幫助文件)

三、FineReport全新功能模塊——FVS大屏戰情室

感覺戰情室還是不夠酷炫?不只想要地圖這一個酷炫3D效果?FineReport大屏開發新功能——FVS 3D戰情室,滿足您這些需求!

FVS引入了3D戰情室和故事性大屏功能,畫佈式佈局更加生動和吸引人。透過手機和平板,使用者就可以輕鬆控制大屏戰情室。

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

FVS企業戰情室採用類似簡報的多分頁設計模式,輕鬆實現簡報翻頁和輪播。在分頁之間,使用者可以應用靈活的組件動畫效果,讓內容以動畫過渡呈現,讓示範彙報生動有趣,絕不枯燥乏味。

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

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

FVS搭建的3D大學智慧校園看板

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

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

熱門文章推薦

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

免費試用