工業(yè)互聯(lián)網(wǎng)平臺應(yīng)用 課件 6-1 認(rèn)識可視化平臺

認(rèn)識可視化平臺可視化平臺認(rèn)知01大屏組件認(rèn)知02目錄contents可視化平臺操作031.可視化平臺認(rèn)知可視化平臺認(rèn)知

本項(xiàng)目的工業(yè)數(shù)據(jù)應(yīng)用主要是使用工業(yè)互聯(lián)網(wǎng)數(shù)據(jù)平臺完成對數(shù)據(jù)的匯集存儲、共享、應(yīng)用、展示，該平臺主要包括敏捷型數(shù)據(jù)中臺模塊、業(yè)務(wù)驅(qū)動型BI工具模塊和大屏可視化工具模塊，其總體技術(shù)架構(gòu)設(shè)計如圖1所示。圖1工業(yè)互聯(lián)網(wǎng)數(shù)據(jù)平臺架構(gòu)可視化平臺認(rèn)知

任務(wù)實(shí)施中使用到的是工業(yè)互聯(lián)網(wǎng)數(shù)據(jù)平臺的可視化工具——DataMAX。DataMAX基于組態(tài)技術(shù)，提供豐富的數(shù)據(jù)可視化組件以及多種主題風(fēng)格，通過簡單的組件拖拽配置，即可完成數(shù)據(jù)的可視化呈現(xiàn)展示，可以快速將業(yè)務(wù)數(shù)據(jù)通過可視化圖表實(shí)時呈現(xiàn)在大屏幕、PC乃至平板電腦、手機(jī)等終端。DataMAX具備有如下核心價值：

基于可復(fù)用的數(shù)據(jù)可視化大屏框架和組件，接入多源的數(shù)據(jù)，通過組件的拖拽組織和配置，無需寫代碼開發(fā)也無需使用設(shè)計軟件完成UI設(shè)計，即可完成數(shù)據(jù)可視化需求的呈現(xiàn)。

通過對接企業(yè)各個業(yè)務(wù)系統(tǒng)的數(shù)據(jù)，可接入實(shí)時的業(yè)務(wù)數(shù)據(jù)；而基于實(shí)時可視化平臺認(rèn)知數(shù)據(jù)，DataMAX可以快速地將可視化結(jié)果輸出呈現(xiàn)，企業(yè)管理者用戶在屏幕前就能看到業(yè)務(wù)的實(shí)時狀況，第一時間做出最合理的決策。DataMAX內(nèi)置了標(biāo)準(zhǔn)的組件庫，擁有豐富的數(shù)據(jù)可視化組件，同時還內(nèi)置了多種主題風(fēng)格，可以滿足客戶針對不同場景的數(shù)據(jù)可視化呈現(xiàn)需求。DataMAX具備拓展功能，支持組件的二次開發(fā)，也配套有組件定制服務(wù)，可以增對客戶的特殊需求，二次開發(fā)定制化組件，并發(fā)布至DataMAX產(chǎn)品中。2.大屏組件認(rèn)知大屏組件認(rèn)知

大屏可視化工具DataMAX內(nèi)置豐富且不斷完善的可視化設(shè)計組件，在大屏編輯的時候，可以從組件欄里自由選擇各類組件，拖拽到右側(cè)設(shè)計區(qū)進(jìn)行頁面配置和布局設(shè)計。系統(tǒng)內(nèi)置的常用組件分為基本組件、地圖組件、高級組件、文字內(nèi)容、輔助圖形等。（1）基本組件基本組件包含：彩色柱圖、基本柱圖、基本條圖、進(jìn)度環(huán)圖、彩色條圖、堆積條圖、雙軸圖、正負(fù)條圖、折線圖、進(jìn)度條圖、環(huán)圖、雷達(dá)圖、散點(diǎn)圖、氣泡圖、詞云、水球圖、儀表盤、填充氣泡圖、帶標(biāo)線折線圖、關(guān)系網(wǎng)絡(luò)、玫瑰圖、玉玦圖、時間軸、對比條圖、狀態(tài)燈、LOGO墻、餅圖、堆積柱圖、時

大屏組件認(rèn)知間篩選器、斑馬柱圖、開關(guān)等，對應(yīng)的組件圖標(biāo)如圖2、圖3所示。

圖2基礎(chǔ)組件圖標(biāo)圖3基礎(chǔ)組件圖標(biāo)大屏組件認(rèn)知（2）地圖組件地圖組件包含：2D中國地圖、3D地圖、GIS3D地圖等；對應(yīng)的組件圖標(biāo)如圖4所示。圖4地圖組件圖標(biāo)大屏組件認(rèn)知（3）高級組件高級組件包含：TAB組件、按鈕、按鈕式單選、下拉式單選、下拉菜單、組織架構(gòu)圖、方塊狀態(tài)監(jiān)控、設(shè)備狀態(tài)監(jiān)控、狀態(tài)圖片、狀態(tài)回傳組件、iframe

組件等；對應(yīng)的組件圖標(biāo)如圖5所示。圖5高級組件圖標(biāo)大屏組件認(rèn)知（4）文字內(nèi)容文字內(nèi)容包含：單行文本、多行文本、多值過濾文本、數(shù)字圖、正負(fù)指標(biāo)圖、輪播列表、輪播列表?xiàng)l、表格、TOP列表、跑馬燈、狀態(tài)文本、日期時間、通知組件等；對應(yīng)的組件圖標(biāo)如圖6所示。圖6文字內(nèi)容圖標(biāo)大屏組件認(rèn)知（5）輔助圖形輔助圖形包含：圖片、背景塊、圓形組件、邊框、基本線、裝飾線、輪播圖等；對應(yīng)的組件圖標(biāo)如圖7所示。圖7輔助圖形的圖標(biāo)3.可視化平臺操作可視化平臺操作DataMAX支持用戶在大屏編輯界面中對組件進(jìn)行調(diào)用、拖動、復(fù)制、刪除等操作，并支持用戶批量管理這些組件，例如組件組合、組件多選等進(jìn)一步的操作。（1）大屏編輯操作組件多選：鼠標(biāo)左鍵框選，可以選中多個組件，并可以將多個組件從一個位置統(tǒng)一拖動到另外一個位置。

可視化平臺操作

組件組合：支持用戶對多個組件進(jìn)行組合，以便進(jìn)行統(tǒng)一操作。具體方式為：鼠標(biāo)框選，或者通過“Ctrl+鼠標(biāo)點(diǎn)擊”，選中多個組件，點(diǎn)擊右鍵即可彈出功能菜單，進(jìn)行組件組合，如圖8所示。圖8組件組合操作示例可視化平臺操作

區(qū)域縮放：DataMAX支持大屏區(qū)域自動縮放，以確保內(nèi)容得到最佳顯示效果；此外，用戶還可自行調(diào)整大屏顯示比例，調(diào)整后取消自動縮放功能，如圖9所示；若要再次自動縮放，點(diǎn)擊復(fù)選框即可。圖9區(qū)域縮放操作示例可視化平臺操作

大屏屬性設(shè)置：在編輯界面的右上角，點(diǎn)擊“大屏設(shè)置”選項(xiàng)，可以進(jìn)行名稱、尺寸、背景等設(shè)置，如圖10所示。圖10大屏屬性設(shè)置示例可視化平臺操作（2）組件屬性配置DataMAX大屏看板支持極細(xì)致粒度的可視化屬性配置、樣式配置、數(shù)據(jù)配置、交互配置，可很快實(shí)現(xiàn)大屏或組件的顏色、背景、大小、位置、動畫、數(shù)據(jù)、交互方式等內(nèi)容的修改與調(diào)整，優(yōu)化大屏效果。常規(guī)屬性配置項(xiàng)如下。組件屬性設(shè)置：單擊組件任一位置，即可選中該組件，在右側(cè)可以對組件進(jìn)行屬性、交互、動畫、數(shù)據(jù)的設(shè)置。其中DataMAX支持為組件設(shè)置彈窗-帶條件交互，通過該交互方式，點(diǎn)擊組件中的數(shù)據(jù)，可顯示該類對應(yīng)數(shù)據(jù)的明細(xì)內(nèi)容；支持可選彈出屏或外部鏈接、可選跳轉(zhuǎn)到大屏或外部鏈接等，如圖11所示；可選擇點(diǎn)擊放大當(dāng)前屏內(nèi)的某個組件。通過配置動態(tài)交互，可實(shí)現(xiàn)跳轉(zhuǎn)分析鉆取功能，鉆取參數(shù)可配置，參數(shù)類型支持?jǐn)?shù)據(jù)項(xiàng)、參數(shù)、常量等，可視化平臺操作用戶可對關(guān)心的指標(biāo)數(shù)據(jù)層層穿透下鉆，直至業(yè)務(wù)細(xì)節(jié)。鉆取參數(shù)可配置，參數(shù)類型支持?jǐn)?shù)據(jù)項(xiàng)、參數(shù)、常量等。圖11設(shè)置鏈接跳轉(zhuǎn)示例可視化平臺操作

圖表數(shù)據(jù)配置：用戶可以選擇是接入靜態(tài)數(shù)據(jù)還是接口數(shù)據(jù)，如果選擇的是接口數(shù)據(jù)，需要進(jìn)行相應(yīng)的數(shù)據(jù)配置，如圖12所示。圖12配置數(shù)據(jù)類型示例可視化平臺操作

組件右鍵菜單：右鍵單擊組件任一區(qū)域，會