這個技能，讓可視化大屏開掛同樣的秀！

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

廢寢忘食作大屏，上司以爲不可行。

橫批：吃藕（chou）

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

忙活一週都在作demo，各類扣圖排版特效，自認爲完美。好不容易組長點頭了，項目經理pass了。改了一稿後，項目經理點頭了，IT部長pass了。

 

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

 

 

華麗視覺特效，簡直不能太炫酷！！使人窒息！

額，謙虛令人進步！我還有空間

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

 

喲喲喲，開掛了嗎？本覺得輪播鑽取已經是大招，沒想到這傢伙作的輪播還能自動聯動其餘組件！

一樣是用Finereport 10，爲何他這麼優秀！

 

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

哦，原來是氪金了呀！

咱們知道，FineReport是製做報表的工具，更多解決的是業務報表製做和數據化管理問題。可是它一樣被用來可視化展現，大屏就是其中之一。

FineReport是用B/S設計器設計報表/可視化模板，而後放網頁端展現。市面上大部分可視化大屏都是寫JS，調用Echarts圖表定製出來的，雖然效果更多，但一旦數據口徑改變，或者數據量多，須要對接系統，就要寫代碼調整，很麻煩。

相比而言，用報表/BI作可視化大屏，仍是很簡單的，拖拽各類空控件，肯定了數據源、圖表、佈局就能出來。

以往介紹了很多大屏的文章：

《大屏作成這樣，領導不重用你都難！》《4步教你玩轉可視化大屏設計｜內附實際操做》《3D全景地圖，可視化大屏也有黑科技！》

可視化大屏製做講究實用、美觀、酷炫。

實用性的關鍵在於主題肯定和指標設計。

美觀在於排版、配色。

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

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

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

打開設計器>服務器>插件管理，安裝插件擴展圖表，會發現衆多讓人讚歎的炫酷圖表，諸多爲數據大屏特別優化的酷炫動效！

 

得此至寶，小編要來大展身手，讓領導另眼相看，走向人生巔峯！

1、數據指標和排版佈局

數據指標的選取和排版佈局的選擇，大師兄在以往已經給你們解析的很是到位了，在此就不贅述了，看此文便可：

《大屏作成這樣，領導不重用你都難！》《4步教你玩轉可視化大屏設計｜內附實際操做》

今天我只想感覺一下擴展圖表最新黑科技。

2、擴展圖表

安裝插件-擴展圖表

GIS點地圖、水球圖、弧形柱形圖、輪播KPI指標卡、目錄齒輪等。

 

 

 

 

3、選表取數，精雕細啄

根據須要展現的指標整理好數據，選擇本身偏好的圖表元素。

咳咳，重點來了，如下內容請睜大眼睛用200%專一度閱讀！！

 

 

4、設置動效播放時自動觸發其餘組件數據跟隨聯動

這個功能是王炸！動態效果播放時還能自動觸發其餘組件數據跟隨聯動！

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

 

先在水球圖、弧形柱形圖、折線圖所調用的數據集內定義參數

 

編輯輪播GIS點地圖，選擇播放界面，添加輪播聯動

 

基本上就設置好了

接下來是配色調整，考驗審美的時候。不要慌，按照 FineReport報表 - 專業的企業級Web報表工具樣式，通常均可以自主調出好看的效果。

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

PS:沒有通過嚴格的視覺色彩設計，等着大家秀給我看了

so，感興趣大屏麼，趕忙下載 FineReport10.0 練手吧！