三維資料大屏視覺化系統包含多源資料連線、生成二維/三維檢視、構建視覺化大屏、大屏功能應用等一體化服務，基於多年視覺化專案經驗，ThingJS平臺得出從資料來源上傳到視覺化大屏應用的完整流程，供參考。

(1) 多源資料連線功能

系統提供對資料的多種連線方式，包括：多種資料庫資料來源連線、實時資料表和靜態檔案資料來源，具體可檢視資料檔案列表頁。

(2) 視覺化檢視構建功能之圖形展現

視覺化大屏提供豐富的二維及三維圖形展現, 平面圖表是常見的檢視元素。介面側邊欄提供應有盡有的視覺化檢視列表,包含了太陽圖、柱狀圖、餅圖、玫瑰圖、折線圖、雷達圖、靜態和動態地圖、環狀圖、文字標籤雲等常用圖形。使用者點選視覺化檢視選項後，系統會進行檢視型別與資料結構匹配。

登入ThingJS線上平臺，點選上方選單欄的“圖表”圖示，由charterbuilder提供二維圖表模板（即將接入阿里雲dataV全模板），囊括了關係、柱形、熱力圖、儀表盤等常用的視覺化監控圖形，VIP使用者有更豐富的樣式選擇。

視覺化大屏的城市地理資料以2D/3D的視角呈現，火柴盒一樣堆在地圖上的三維效果不再吸睛，三維城市模型有更高階的表現形式，外形栩栩如生，連路邊的綠化帶都清晰可見，這正是thingjs的視覺化開發業務。

ThingJS視覺化元件支援模型匯入、場景搭建和視覺化增效，基於CityBuilder+ThingDepot+3D原始碼二次開發輕鬆實現：

1. 城市級場景搭建工具CityBuilder操作簡單，利用視覺化元件設定引數和互動動畫；

2. 3D場景搭建完成後，線上接入ThingJS開發平臺進行程式碼除錯；

3. 基於完整3D原始碼開發更炫酷的效果；

4. ThingDepot提供海量甄選3D模型，避免重複建模！

ThingJS內部視覺化開發流程

構建視覺化大屏時提供不同的大屏版式選擇，如dataV提供智慧城市、智慧交通、安全監控、商業智慧等場景模板，所需要的資料分析維度各具特色，滿足各行各業的業務需求。一切基於視覺化元件進行操作，單擊每個子圖，直接操作每類圖形的可配置項。

視覺化大屏應用層包括實時大屏、輪播展示和線上訪問等功能。

應用功能的主要作用是對已構建完成視覺化大屏，提供進一步的大屏應用服務，使得系統不再僅限於對視覺化大屏的檢視、更新、刪除和重新命名等管理操作。主要應用服務為：

1. 實時大屏。系統採用訂閱釋出者模式，設計實時資料字典及訂閱者資訊管理字典，實現資料視覺化檢視對實時資料的及時響應，從而實現實時大屏。

2. 大屏輪播。使用者可自定義輪播大屏數目、輪播間隔和期望輪播大屏配置完成後，可實現大屏輪播展示功能。系統採用延遲載入的設計，降低首屏時間提高使用者體驗。

3. 大屏嵌入。系統釋出生成可訪問的URL，使用者可透過 iframe標籤在其他應用中直接呈現，用於線上演示。

某指揮中心的大屏視覺化應用

系統中的構建層位於應用層之下，主要實現視覺化大屏的構建功能，其主要作用是透過一系列介面操作，生成完整美觀的視覺化大屏！