問君能有幾多愁,，工作讓我白了頭。

廢寢忘食做大屏,，上司覺得不可行,。

橫批：吃藕（chou）

最近可視化大屏怎么那么火，接連幾個項目都指明要大屏,。

忙活一周都在做demo,，各種扣圖排版特效，自認(rèn)為完美,。好不容易組長點頭了,，項目經(jīng)理pass了。改了一稿后,，項目經(jīng)理點頭了,，IT部長pass了。

被逼無奈，請教了一個做過N張大屏的同事,，二話不說給我發(fā)了幾張效果圖

華麗視覺特效，簡直不能太炫酷?。×钊酥舷?！

額,，謙虛使人進(jìn)步,！我還有空間

然而，更令我震驚的還在后頭,！

喲喲喲,，開掛了嗎,？本以為輪播鉆取已是大招，沒想到這家伙做的輪播還能自動聯(lián)動其他組件,！

同樣是用Finereport 10,，為什么他這么優(yōu)秀！

小編端茶倒水、揉肩捶背,，費勁九牛二虎之力,，終于得知一個利器：一切都是用了現(xiàn)成的擴(kuò)展圖表。

哦,，原來是氪金了呀,！

我們知道，F(xiàn)ineReport是制作報表的工具,，更多解決的是業(yè)務(wù)報表制作和數(shù)據(jù)化管理問題,。但是它同樣被用來可視化展示，大屏就是其中之一,。

FineReport是用B/S設(shè)計器設(shè)計報表/可視化模板,，然后放網(wǎng)頁端展示。市面上大部分可視化大屏都是寫JS,，調(diào)用Echarts圖表定制出來的,，雖然效果更多，但一旦數(shù)據(jù)口徑改變,，或者數(shù)據(jù)量多,，需要對接系統(tǒng)，就要寫代碼調(diào)整,，很麻煩,。

相比而言，用報表/BI做可視化大屏,，還是很簡單的,，拖拽各種空控件，確定了數(shù)據(jù)源,、圖表,、布局就能出來,。

以往介紹了不少大屏的文章：

《大屏做成這樣，領(lǐng)導(dǎo)不重用你都難,！》《4步教你玩轉(zhuǎn)可視化大屏設(shè)計｜內(nèi)附實際操作》《3D全景地圖,，可視化大屏也有黑科技！》

可視化大屏制作講究實用,、美觀,、酷炫。

實用性的關(guān)鍵在于主題確定和指標(biāo)設(shè)計,。

美觀在于排版,、配色。

酷炫就在于你用了多少特技,？,？

咦，談到特技,，小編就是在特技上吃了虧,，沒辦法，動效不感人,。

好在 同事那兒打聽到 FineReport 10.0 擴(kuò)展了一批新的動效插件：

打開設(shè)計器>服務(wù)器>插件管理,，安裝插件擴(kuò)展圖表，會發(fā)現(xiàn)眾多讓人贊嘆的炫酷圖表,，諸多為數(shù)據(jù)大屏特別優(yōu)化的酷炫動效,！

得此至寶,，小編要來大展身手，讓領(lǐng)導(dǎo)刮目相看,，走向人生巔峰,！

一、數(shù)據(jù)指標(biāo)和排版布局

數(shù)據(jù)指標(biāo)的選取和排版布局的選擇,，大師兄在以往已經(jīng)給大家解析的非常到位了,，在此就不贅述了，看此文即可：

《大屏做成這樣,，領(lǐng)導(dǎo)不重用你都難,！》《4步教你玩轉(zhuǎn)可視化大屏設(shè)計｜內(nèi)附實際操作》

今天我只想感受一下擴(kuò)展圖表最新黑科技。

二,、擴(kuò)展圖表

安裝插件-擴(kuò)展圖表

GIS點地圖,、水球圖、弧形柱形圖、輪播KPI指標(biāo)卡,、目錄齒輪等,。

三,、選表取數(shù)，精雕細(xì)啄

根據(jù)需要展示的指標(biāo)整理好數(shù)據(jù),，選擇自己偏好的圖表元素,。

咳咳，重點來了,，以下內(nèi)容請睜大眼睛用200%專注度閱讀?。?/strong>

四、設(shè)置動效播放時自動觸發(fā)其他組件數(shù)據(jù)跟隨聯(lián)動

這個功能是王炸,！動態(tài)效果播放時還能自動觸發(fā)其他組件數(shù)據(jù)跟隨聯(lián)動,！

PS：老版本要更新到最新版插件才能體驗

先在水球圖,、弧形柱形圖、折線圖所調(diào)用的數(shù)據(jù)集內(nèi)定義參數(shù)

編輯輪播GIS點地圖，選擇播放界面,，添加輪播聯(lián)動

基本上就設(shè)置好了

接下來是配色調(diào)整,，考驗審美的時候,。不要慌，按照FineReport報表 - 專業(yè)的企業(yè)級Web報表工具樣式,，一般都可以自主調(diào)出好看的效果,。

這樣，一張輪播自動聯(lián)動效果的簡單演示示例模板就完成了～

PS:沒有經(jīng)過嚴(yán)格的視覺色彩設(shè)計,，等著你們秀給我看了

so,，感興趣大屏么，趕緊下載 FineReport10.0練手吧！