以下為《帆軟可視化大屏白皮書(shū)1.0》部分內(nèi)容，全文下載請(qǐng)直接下滑至文末：

一、什么是大屏

大屏，是以大屏幕為載體進(jìn)行可視化展示的統(tǒng)稱(chēng)?？梢暬ǔ１焕斫鉃橐粋€(gè)制作圖表、生成圖形圖像的簡(jiǎn)單過(guò)程，而更深刻的認(rèn)識(shí)則是，可視化是認(rèn)知的過(guò)程，即形成某個(gè)物體的感知圖像，強(qiáng)化認(rèn)知理解，輔助大腦處理信息。

因此，大屏的終極目標(biāo)是通過(guò)大屏幕的可視化，幫助用戶(hù)洞悉業(yè)務(wù)數(shù)據(jù)，在腦海中高效處理信息、快速做出應(yīng)答。

在帆軟的產(chǎn)品體系里，F(xiàn)ineReport通過(guò)快速制作報(bào)表提高數(shù)據(jù)的生產(chǎn)力，F(xiàn)ineBI通過(guò)自助分析釋放數(shù)據(jù)的潛能，帆軟大屏則致力于通過(guò)不限于PC端的更大的屏幕，讓數(shù)據(jù)可視化創(chuàng)造更大的客戶(hù)價(jià)值。

 1.1 大屏的種類(lèi)

大屏按照應(yīng)用場(chǎng)景和數(shù)據(jù)來(lái)源可分為物聯(lián)網(wǎng)大屏和展示分析大屏兩大類(lèi)。

物聯(lián)網(wǎng)大屏指通過(guò)各種信息傳感器、射頻識(shí)別技術(shù)、全球定位系統(tǒng)等裝置與技術(shù)，實(shí)時(shí)采集需要監(jiān)控或分析的數(shù)據(jù)，在大屏上進(jìn)行可視化展示，例如智慧城市、智慧工廠、智慧工地等大屏，常見(jiàn)于政務(wù)需要或工業(yè)、制造業(yè)項(xiàng)目需求。

而展示分析類(lèi)大屏一般用于展示企業(yè)運(yùn)營(yíng)產(chǎn)生的數(shù)據(jù)，只需對(duì)接公司數(shù)據(jù)庫(kù)即可，常見(jiàn)的有參觀展示大屏、領(lǐng)導(dǎo)辦公室大屏、會(huì)議室大屏等。

物聯(lián)網(wǎng)大屏通常需要較大的項(xiàng)目預(yù)算和人力投入，對(duì)交互操作、數(shù)據(jù)實(shí)時(shí)性也具有較高要求，大屏一旦落成可沿用較長(zhǎng)時(shí)間；展示分析類(lèi)大屏則根據(jù)企業(yè)的具體需要進(jìn)行硬件采購(gòu)和數(shù)據(jù)處理，投入較低的成本即可建設(shè)和維護(hù)。

 1.2 帆軟大屏可覆蓋的場(chǎng)景

基于以上分類(lèi)和行業(yè)共性，帆軟大屏能覆蓋的場(chǎng)景又可以作進(jìn)一步細(xì)分。以下是部分場(chǎng)景化實(shí)例：

1）企業(yè)綜合展示大屏

2）項(xiàng)目指揮管控大屏

3）生產(chǎn)監(jiān)控大屏

4）交通物流大屏

5）銀行駕駛艙大屏

6）防疫數(shù)據(jù)監(jiān)控大屏

7）銷(xiāo)售業(yè)務(wù)分析大屏

8）綜合運(yùn)營(yíng)駕駛艙大屏

9）項(xiàng)目管理及總結(jié)匯報(bào)大屏

10）雙十一大屏

二、大屏可視化效果

在缺少專(zhuān)業(yè)大屏軟件的情況下，制作一張大屏模板可能需要編寫(xiě)大量的代碼搭建iframe布局、接入echart圖形。而帆軟大屏的制作立足于FineReport決策報(bào)表，用戶(hù)可以通過(guò)簡(jiǎn)單拖拽的方式設(shè)計(jì)整體布局，可以直接使用數(shù)十種擁有自主產(chǎn)權(quán)的圖表，還可以添加輪播、閃爍、旋轉(zhuǎn)等動(dòng)態(tài)效果，讓大屏可視化更生動(dòng)。

2.1 可視化圖表

帆軟大屏設(shè)計(jì)器內(nèi)置的圖表均為自主研發(fā)設(shè)計(jì)的成果，可以避免使用第三方插件帶來(lái)的知識(shí)產(chǎn)權(quán)、服務(wù)、文檔等不便。用戶(hù)可根據(jù)數(shù)據(jù)可視化額需要挑選圖表，也可以使用圖表類(lèi)型自動(dòng)推薦功能快速制作圖表。

2.1.1 基礎(chǔ)分析圖表

基礎(chǔ)分析圖表指常用于輔助數(shù)據(jù)分析、呈現(xiàn)分析結(jié)果的圖表，包括但不限于柱形圖，折線圖，餅圖，雷達(dá)圖，散點(diǎn)圖、圓環(huán)圖，條形圖，地圖、堆積圖、面積圖、組合圖、氣泡圖、地圖、GIS地圖、儀表盤(pán)、矩形樹(shù)圖、甘特圖、框架圖等超過(guò)50種基礎(chǔ)分析圖表。

2.1.2 擴(kuò)展圖表

擴(kuò)展圖表是帆軟大屏專(zhuān)用圖表擴(kuò)展包，只需下載插件即可獲取輪播條形圖、輪播餅圖、特殊形狀柱形圖、輪播KPI指標(biāo)卡、智慧樹(shù)圖、時(shí)間齒輪、輪播目錄齒輪等9大類(lèi)別、20余種效果絢麗、富有動(dòng)感的圖表。

擴(kuò)展圖表支持用戶(hù)自定義文本和配色等樣式，但其自帶的配色和樣式與酷炫的深色調(diào)大屏風(fēng)格深度契合，用戶(hù)在使用時(shí)不需要做復(fù)雜的設(shè)計(jì)調(diào)整。

2.1.3 數(shù)據(jù)地圖

地圖是大屏中最引人矚目的可視化元素，常常位于大屏的中心，帆軟大屏支持普通平面地圖和三維地圖兩種不同樣式的數(shù)據(jù)地圖。

1）平面地圖：

平面地圖功能豐富，支持鉆取地圖、熱力地圖、流向地圖、氣泡地圖、自定義地圖等展示類(lèi)型，內(nèi)置最新的世界地圖和精確到縣區(qū)級(jí)別的中國(guó)地圖，并擁有合規(guī)審圖號(hào)，客戶(hù)可在大屏上放心使用；內(nèi)置高德，mapbox 等 GIS 圖層，實(shí)現(xiàn)地圖縮放、位置定位等功，同時(shí)支持自定義 GIS 地圖背景，自定義 wms 服務(wù)實(shí)現(xiàn)離線地圖。

2）場(chǎng)景切換地圖

場(chǎng)景切換地圖是三維地圖的一種，適用于展示多個(gè)大屏場(chǎng)景下的多維度的地圖數(shù)據(jù)，擁有旋轉(zhuǎn)角度、場(chǎng)景平滑過(guò)渡、自動(dòng)輪播場(chǎng)景、點(diǎn)擊鉆取區(qū)域?qū)蛹?jí)、聯(lián)動(dòng)其它組件、等交互效果，支持用戶(hù)編輯點(diǎn)樣式、地圖配色和背景元素，并支持上傳json文件自定義地圖邊界，是一種兼具實(shí)用價(jià)值和美觀性的可視化地圖。

3）輪播三維組合地圖

輪播三維組合地圖是一種支持輪播點(diǎn)、柱形、區(qū)域和流向型數(shù)據(jù)樣式的三維地圖，支持用戶(hù)自定義圖形、背景和提示信息的樣式，頁(yè)支持上傳json文件自定義地圖邊界，可以讓多維度的地圖數(shù)據(jù)展示更加靈活。

4）輪播GIS點(diǎn)地圖

輪播GIS點(diǎn)地圖將平面GIS地圖和三維的數(shù)據(jù)點(diǎn)呈現(xiàn)方式結(jié)合，組成了類(lèi)似于高空衛(wèi)星俯瞰的視角，三維柱形和指標(biāo)卡跟隨地圖數(shù)據(jù)以此展示每個(gè)對(duì)應(yīng)點(diǎn)的信息，在切換點(diǎn)是伴隨這視角移動(dòng)的動(dòng)畫(huà)，營(yíng)造了身臨其境的大屏體驗(yàn)感。

2.2 圖表樣式編輯

帆軟大屏支持支持深度的圖表樣式DIY，用戶(hù)可以隨需修改數(shù)據(jù)、標(biāo)題、圖例、坐標(biāo)軸、系列等屬性，讓圖表樣式更符合大屏風(fēng)格的設(shè)計(jì)需要。

2.2.1 數(shù)據(jù)配置

帆軟圖表數(shù)據(jù)源有兩種，其一是數(shù)據(jù)集數(shù)據(jù)源，數(shù)據(jù)來(lái)自于數(shù)據(jù)集表，更適用于僅需圖表而不需要或少需要表格的大屏；再者為單元格數(shù)據(jù)源，數(shù)據(jù)來(lái)自于表格中的單元格數(shù)據(jù)，可用于大屏模板中既有表格數(shù)據(jù)又有圖表的情況。

2.2.2 樣式屬性

圖表的樣式屬性包括標(biāo)題、圖例、標(biāo)簽、系列、坐標(biāo)軸、數(shù)據(jù)表、背景和提示，每一項(xiàng)都支持用戶(hù)靈活多樣的設(shè)置。其中標(biāo)題可使用參數(shù)、函數(shù)設(shè)置為動(dòng)態(tài)變化，圖例支持精確到點(diǎn)素點(diǎn)的位置自定義，標(biāo)簽及提示信息支持富文本編輯或以html的方式自定義。

2.2.3 全局樣式

帆軟大屏設(shè)計(jì)器內(nèi)置二十余種圖表及表格樣式，還可以通過(guò)點(diǎn)擊取色的方式簡(jiǎn)單快捷地對(duì)表格和圖表的配色等樣式進(jìn)行預(yù)定義配置。

2.3 自定義動(dòng)態(tài)交互

帆軟圖表支持豐富多樣的動(dòng)態(tài)交互效果，不僅使得大屏更生動(dòng)多彩，還能滿(mǎn)足參觀演示、數(shù)據(jù)監(jiān)控、決策分析等多種大屏場(chǎng)景。

2.3.1 鉆取與聯(lián)動(dòng)

1）圖表鉆取

2）圖表聯(lián)動(dòng)

2.3.2 監(jiān)控刷新

數(shù)據(jù)監(jiān)控刷新即后臺(tái)數(shù)據(jù)的智能監(jiān)測(cè)并對(duì)比，數(shù)據(jù)有變更前臺(tái)及時(shí)更新，讓客戶(hù)實(shí)時(shí)掌握最新數(shù)據(jù)。帆軟大屏支持整個(gè)模板的全局刷新和單個(gè)組件的局部刷新，且每個(gè)組件有獨(dú)立的監(jiān)控設(shè)置，不同表格、圖表等元素可以獨(dú)立刷新，其中圖表的刷新還支持對(duì)變更的數(shù)據(jù)進(jìn)行動(dòng)態(tài)提示。

2.3.3 數(shù)據(jù)預(yù)警

用戶(hù)可以對(duì)圖表設(shè)置條件顯示的特效，在圖表數(shù)據(jù)滿(mǎn)足一定條件時(shí)呈現(xiàn)某系列圖形高亮或閃爍的動(dòng)畫(huà)效果，結(jié)合監(jiān)控刷新即可實(shí)現(xiàn)大屏前端告警的應(yīng)用；同理，表格中的數(shù)據(jù)也可以根據(jù)預(yù)警條件設(shè)置告警效果。

2.3.4 自動(dòng)輪播

圖表支持在同一位置輪播顯示多個(gè)不同的圖表樣式，每個(gè)圖表的數(shù)據(jù)來(lái)源也可以各不相同。還支持應(yīng)用tab塊組件實(shí)現(xiàn)多圖表、表格組件的自動(dòng)輪播，甚至多個(gè)模板的自動(dòng)輪播。輪播時(shí)間由用戶(hù)自定義，用戶(hù)也可以改自動(dòng)輪播為手動(dòng)切換。

此外，場(chǎng)景地圖、智慧樹(shù)、輪播目錄齒輪等圖表自帶輪播功能，通過(guò)參數(shù)傳遞的方式，可實(shí)現(xiàn)此類(lèi)圖表輪播的同時(shí)聯(lián)動(dòng)周?chē)慕M件，在一張大屏模板上展示多個(gè)場(chǎng)景和維度的數(shù)據(jù)。

自動(dòng)輪播不僅限于圖表，對(duì)于一些特定組件，使用自動(dòng)輪播或滾動(dòng)的方式展示是常態(tài)，如長(zhǎng)列表的自動(dòng)滾動(dòng)（即跑馬燈效果）、KPI指標(biāo)卡的自動(dòng)輪播等，用戶(hù)均可通過(guò)簡(jiǎn)單的方式實(shí)現(xiàn)。

2.3.5 開(kāi)場(chǎng)效果

開(kāi)場(chǎng)效果指在大屏模板呈現(xiàn)之前加載的一段過(guò)渡動(dòng)畫(huà)或視頻，可以提高大屏的整體視聽(tīng)效果。帆軟大屏內(nèi)置兩端酷炫的開(kāi)場(chǎng)效果，也支持客戶(hù)自定義開(kāi)場(chǎng)視頻，可插入公司介紹、品牌宣導(dǎo)等視頻。

2.4 布局設(shè)計(jì)

2.4.1 大屏模板設(shè)計(jì)器

帆軟大屏的設(shè)計(jì)模式基于FineReport設(shè)計(jì)器的決策報(bào)表，可以整合不同來(lái)源的企業(yè)數(shù)據(jù)，展示企業(yè)的各類(lèi)業(yè)務(wù)指標(biāo)，實(shí)現(xiàn)數(shù)據(jù)的多維度展示，大屏模板設(shè)計(jì)器擁有以下優(yōu)勢(shì)：

1）零代碼制作：帆軟大屏支持零編碼設(shè)計(jì)，無(wú)需編寫(xiě)任何代碼即可開(kāi)發(fā)酷炫的大屏效果。

2）拖拽式設(shè)計(jì)：采用畫(huà)布式界面，通過(guò)拖拽式操作進(jìn)行模板的制作，支持自適應(yīng)布局、tab布局、絕對(duì)布局等多種布局方式。

3）多工作目錄：帆軟大屏設(shè)計(jì)器支持多工作目錄，用戶(hù)可隨時(shí)在多個(gè)大屏工程項(xiàng)目上切換工作，進(jìn)行不同的設(shè)計(jì)。

4）遠(yuǎn)程設(shè)計(jì)：支持遠(yuǎn)程設(shè)計(jì)，在本地即可連接遠(yuǎn)程服務(wù)器進(jìn)行大屏模板的設(shè)計(jì)和發(fā)布，遠(yuǎn)程設(shè)計(jì)支持多用戶(hù)登錄和權(quán)限控制，可以設(shè)定不同用戶(hù)遠(yuǎn)程設(shè)計(jì)時(shí)訪問(wèn)不同的文件夾、模板的權(quán)限。多部門(mén)（用戶(hù)）協(xié)同開(kāi)發(fā)系統(tǒng)的時(shí)候，只能對(duì)自己權(quán)限范圍內(nèi)的模板進(jìn)行維護(hù)，互不干涉，不再需要超級(jí)管理員進(jìn)行匯總協(xié)調(diào)，提升協(xié)同開(kāi)發(fā)的效率。

5）國(guó)際化：支持多國(guó)語(yǔ)言，涵蓋簡(jiǎn)體中文、繁體中文、英文、日文、韓文等。

6）快速更新：支持設(shè)計(jì)器在線更新升級(jí)，并提供更新日志查看，免去重新安裝的麻煩。

2.4.2 組件管理

帆軟提供了組件云端共享和本地復(fù)用功能，用戶(hù)既可以利用強(qiáng)大的組件庫(kù)快速完成一個(gè)大屏項(xiàng)目，也可以按照客戶(hù)需求定制化開(kāi)發(fā)。帆軟官方將收集到的優(yōu)秀組件demo上傳到云端共享中心，用戶(hù)可以根據(jù)大屏風(fēng)格和內(nèi)容需要自行下載喜歡的demo，并應(yīng)用到自己的大屏模板中。

同一行業(yè)、同一場(chǎng)景的大屏往往擁有相似的需求，通過(guò)帆軟組件云端共享中心，可以達(dá)到客戶(hù)知識(shí)共創(chuàng)與分享傳播的效果。同時(shí)支持組件的本地復(fù)用，對(duì)任意選中的組件，通過(guò)鼠標(biāo)或鍵盤(pán)進(jìn)行復(fù)制、剪切和粘貼，支持在同模板、跨模板復(fù)用組件。

2.4.3 模板管理

1）歷史版本管理

帆軟設(shè)計(jì)器支持對(duì)開(kāi)發(fā)的模板進(jìn)行版本管理，支持保存、還原和刪除歷史版本，極大地方便了用戶(hù)對(duì)大屏模板進(jìn)行精細(xì)修改，降低因意外編輯導(dǎo)致模板文件損壞帶來(lái)的項(xiàng)目風(fēng)險(xiǎn)。

2）模板掛載

帆軟決策平臺(tái)是模板、數(shù)據(jù)和權(quán)限的集中管理平臺(tái)，大屏模板可以直接通過(guò)URL掛出展示，也可以通過(guò)決策平臺(tái)集中管理的展示。通過(guò)決策平臺(tái)統(tǒng)一掛載的大屏模板可以全屏展示，并可以以一定的時(shí)間間隔輪播多個(gè)模板，達(dá)到大屏輪播展示的效果。

2.5 自定義建模嵌入

帆軟大屏支持在模板中嵌入外部模型，并通過(guò)參數(shù)傳遞的方式實(shí)現(xiàn)點(diǎn)擊模型聯(lián)動(dòng)大屏組件、顯示對(duì)應(yīng)數(shù)據(jù)的效果，進(jìn)一步滿(mǎn)足三維大屏可視化需求。

2.6 視頻嵌入

2.6.1 實(shí)時(shí)視頻監(jiān)控

監(jiān)控視頻是不少監(jiān)控指揮大屏的必要元素，帆軟大屏支持通過(guò)網(wǎng)頁(yè)框控件嵌入實(shí)時(shí)視頻影像，用戶(hù)將實(shí)時(shí)數(shù)據(jù)用圖形、表格等進(jìn)行可視化表達(dá)的同時(shí)，又可以直觀地監(jiān)控到現(xiàn)場(chǎng)實(shí)況。