作為在職場馳騁的社會(huì)人,提到數(shù)據(jù)可視化大家應(yīng)該都不陌生了。數(shù)據(jù)可視化的作用也不用我多說,主要是利用圖形化手段,更清晰直觀地將數(shù)據(jù)展示。多層次、交互式的可視化分析能夠方便決策者理解數(shù)據(jù)背后的意義,深入了解數(shù)據(jù)細(xì)節(jié),幫助領(lǐng)導(dǎo)者做出更加精準(zhǔn)的決策。 近年來,數(shù)據(jù)可視化大屏的出現(xiàn),更是掀起一番浪潮,眾多企業(yè)紛紛想要打造屬于自己的“炫酷”大屏駕駛艙。比如天貓每年的雙十一銷售大屏,地圖上各地區(qū)實(shí)時(shí)滾動(dòng)的銷售額數(shù)據(jù),總能給人下深刻的印象。 可是,在大屏上占據(jù)一席之地的地圖往往只能從某一個(gè)維度展示數(shù)據(jù),數(shù)據(jù)指標(biāo)那么多,領(lǐng)導(dǎo)全部都要看,這可怎么辦? 偷偷告訴你,大屏可視化插件擴(kuò)展圖表已經(jīng)悄悄更新了一個(gè)新的地圖圖表類型——輪播三維組合地圖 先看一下效果: 我們可以看出,圖中以多種地圖形態(tài)展示了四個(gè)維度的數(shù)據(jù),既體現(xiàn)了數(shù)據(jù)價(jià)值,也實(shí)現(xiàn)了炫酷的動(dòng)態(tài)效果。 單個(gè)圖表的展示不能完全體現(xiàn)出效果,我們來看一張大屏demo模板 大家是不是都已經(jīng)蠢蠢欲動(dòng)了?允許小編賣個(gè)關(guān)子,先簡單給大家介紹一下什么是擴(kuò)展圖表 擴(kuò)展圖表插件是基于webgl等技術(shù)開發(fā),通過簡單拖拽即可實(shí)現(xiàn)自動(dòng)播放、3D動(dòng)畫特效等多種效果,且可以根據(jù)圖表類型和數(shù)據(jù)提供“自動(dòng)輪播”和“定時(shí)刷新”,滿足用戶不同場景下的業(yè)務(wù)需求,在體現(xiàn)數(shù)據(jù)價(jià)值的同時(shí)讓大屏炫酷起來 打開設(shè)計(jì)器,跟我一起來玩轉(zhuǎn)輪播三維組合地圖 服務(wù)器>插件管理>安裝/更新擴(kuò)展圖表3.0 選擇擴(kuò)展圖表—地圖類,輪播三維組合地圖 分別給四種地圖形態(tài)選取數(shù)據(jù)源 沒錯(cuò),就這么簡單,輪播三維組合地圖已經(jīng)完成了! 當(dāng)然,擴(kuò)展圖表可不僅僅只有這一種效果,包含地圖類、指標(biāo)卡類、儀表盤類等十幾種圖表類型,大家可以根據(jù)需求選擇適合的圖表,瞬間提升大屏可視化效果 其他擴(kuò)展圖表類型輪播GIS點(diǎn)地圖 輪播目標(biāo)齒輪 時(shí)間齒輪 輪播夜光儀表盤 擴(kuò)展圖表的圖表類型遠(yuǎn)不止于此,在這里小編就不一一介紹啦,更多的效果等待大家來挖掘。 擴(kuò)展圖表應(yīng)用實(shí)例 每一個(gè)效果看起來都非常炫酷,浸入式的動(dòng)畫體驗(yàn)把枯燥的數(shù)據(jù)變得活靈活現(xiàn),但是有些用戶不知道怎么將擴(kuò)展圖表與大屏進(jìn)行完美結(jié)合,小編今天帶來幾個(gè)實(shí)例模板,展示如何在大屏內(nèi)應(yīng)用擴(kuò)展圖表,提升大屏整體觀感 想要大屏有風(fēng)度,心中牢記四要素:排版布局、配色、點(diǎn)綴、動(dòng)態(tài)效果 NO.1排版布局 明確大屏的展現(xiàn)目的,首先要服務(wù)于業(yè)務(wù)。一個(gè)駕駛艙無法展現(xiàn)所有的業(yè)務(wù)數(shù)據(jù),要分清楚主次,讓業(yè)務(wù)內(nèi)容、數(shù)據(jù)合理的展現(xiàn),切勿堆砌滿屏的指標(biāo),領(lǐng)導(dǎo)找不到重點(diǎn),數(shù)據(jù)再多,也毫無意義。 可以參考下面版式: NO.2配色
小技巧:預(yù)先設(shè)置好圖表預(yù)定義配色,統(tǒng)一給圖表系列更換配色 服務(wù)器—圖表預(yù)定義配色—添加新的預(yù)定義樣式—編輯圖表—系列配色選擇
設(shè)置方式:組件—樣式—自定義—標(biāo)題 NO.3點(diǎn)綴 細(xì)節(jié)會(huì)極大的影響整體效果,需要通過適當(dāng)給元素、標(biāo)題、數(shù)字等添加一些諸如邊框、圖畫等在內(nèi)的點(diǎn)綴效果,能幫助提升整體美觀度。 NO.4動(dòng)態(tài)效果 合理的利用動(dòng)態(tài)效果,可以幫助我們快速理解數(shù)據(jù)間的關(guān)系,為決策分析提供了指導(dǎo)性的意義。
更多動(dòng)態(tài)效果移步幫助文檔,這里小編不過多介紹了 對(duì)大屏感興趣的同學(xué)可以下載FineReport自己動(dòng)手試試哦,詳細(xì)步驟可以參考大屏實(shí)例方案,按照套路做大屏,適當(dāng)發(fā)揮出擴(kuò)展圖表的優(yōu)勢(shì),你的大屏一定美翻天! |
|