問君能有幾多愁,工作讓我白了頭。 廢寢忘食做大屏,上司覺得不可行。 橫批:吃藕(chou) 最近可視化大屏怎么那么火,接連幾個項目都指明要大屏。 忙活一周都在做demo,各種扣圖排版特效,自認為完美。好不容易組長點頭了,項目經(jīng)理pass了。改了一稿后,項目經(jīng)理點頭了,IT部長pass了。 被逼無奈,請教了一個做過N張大屏的同事,二話不說給我發(fā)了幾張效果圖 華麗視覺特效,簡直不能太炫酷!!令人窒息! 額,謙虛使人進步!我還有空間 然而,更令我震驚的還在后頭! 喲喲喲,開掛了嗎?本以為輪播鉆取已是大招,沒想到這家伙做的輪播還能自動聯(lián)動其他組件! 同樣是用Finereport 10,為什么他這么優(yōu)秀! 小編端茶倒水、揉肩捶背,費勁九牛二虎之力,終于得知一個利器:一切都是用了現(xiàn)成的擴展圖表。 哦,原來是氪金了呀! 我們知道,F(xiàn)ineReport是制作報表的工具,更多解決的是業(yè)務報表制作和數(shù)據(jù)化管理問題。但是它同樣被用來可視化展示,大屏就是其中之一。 FineReport是用B/S設計器設計報表/可視化模板,然后放網(wǎng)頁端展示。市面上大部分可視化大屏都是寫JS,調(diào)用Echarts圖表定制出來的,雖然效果更多,但一旦數(shù)據(jù)口徑改變,或者數(shù)據(jù)量多,需要對接系統(tǒng),就要寫代碼調(diào)整,很麻煩。 相比而言,用報表/BI做可視化大屏,還是很簡單的,拖拽各種空控件,確定了數(shù)據(jù)源、圖表、布局就能出來。 以往介紹了不少大屏的文章: 《大屏做成這樣,領導不重用你都難!》《4步教你玩轉(zhuǎn)可視化大屏設計|內(nèi)附實際操作》《3D全景地圖,可視化大屏也有黑科技!》 可視化大屏制作講究實用、美觀、酷炫。 實用性的關鍵在于主題確定和指標設計。 美觀在于排版、配色。 酷炫就在于你用了多少特技?? 咦,談到特技,小編就是在特技上吃了虧,沒辦法,動效不感人。 好在 同事那兒打聽到 FineReport 10.0 擴展了一批新的動效插件: 打開設計器>服務器>插件管理,安裝插件擴展圖表,會發(fā)現(xiàn)眾多讓人贊嘆的炫酷圖表,諸多為數(shù)據(jù)大屏特別優(yōu)化的酷炫動效! 得此至寶,小編要來大展身手,讓領導刮目相看,走向人生巔峰! 一、數(shù)據(jù)指標和排版布局 數(shù)據(jù)指標的選取和排版布局的選擇,大師兄在以往已經(jīng)給大家解析的非常到位了,在此就不贅述了,看此文即可: 《大屏做成這樣,領導不重用你都難!》《4步教你玩轉(zhuǎn)可視化大屏設計|內(nèi)附實際操作》 今天我只想感受一下擴展圖表最新黑科技。 二、擴展圖表 安裝插件-擴展圖表 GIS點地圖、水球圖、弧形柱形圖、輪播KPI指標卡、目錄齒輪等。 三、選表取數(shù),精雕細啄 根據(jù)需要展示的指標整理好數(shù)據(jù),選擇自己偏好的圖表元素。 咳咳,重點來了,以下內(nèi)容請睜大眼睛用200%專注度閱讀!! 四、設置動效播放時自動觸發(fā)其他組件數(shù)據(jù)跟隨聯(lián)動 這個功能是王炸!動態(tài)效果播放時還能自動觸發(fā)其他組件數(shù)據(jù)跟隨聯(lián)動! PS:老版本要更新到最新版插件才能體驗 先在水球圖、弧形柱形圖、折線圖所調(diào)用的數(shù)據(jù)集內(nèi)定義參數(shù) 編輯輪播GIS點地圖,選擇播放界面,添加輪播聯(lián)動 基本上就設置好了 接下來是配色調(diào)整,考驗審美的時候。不要慌,按照FineReport報表 - 專業(yè)的企業(yè)級Web報表工具樣式,一般都可以自主調(diào)出好看的效果。 這樣,一張輪播自動聯(lián)動效果的簡單演示示例模板就完成了~ PS:沒有經(jīng)過嚴格的視覺色彩設計,等著你們秀給我看了 so,感興趣大屏么,趕緊下載 FineReport10.0練手吧! |
|