《工業(yè)可視化》課件 任務(wù)4.1 設(shè)計(jì)設(shè)備租賃數(shù)據(jù)頁(yè)面 -任務(wù)實(shí)施

項(xiàng)目四：設(shè)備營(yíng)銷租賃的可視化設(shè)計(jì)任務(wù)4.1設(shè)計(jì)設(shè)備租賃數(shù)據(jù)頁(yè)面>>※任務(wù)實(shí)施《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程湖南三一工業(yè)職業(yè)技術(shù)學(xué)院《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程目錄1.任務(wù)分析2.導(dǎo)入項(xiàng)目3.設(shè)計(jì)累計(jì)租賃數(shù)據(jù)4.設(shè)計(jì)租戶信用排名5.設(shè)計(jì)租賃設(shè)備分布6.設(shè)計(jì)租金數(shù)據(jù)統(tǒng)計(jì)7.預(yù)覽驗(yàn)證頁(yè)面效果1.任務(wù)分析（1）

任務(wù)分析本任務(wù)的主要目的是設(shè)計(jì)租賃經(jīng)營(yíng)分析大屏，展示今年累計(jì)經(jīng)營(yíng)指標(biāo)，租賃計(jì)劃統(tǒng)計(jì)，企業(yè)積分排名TOP10，租賃設(shè)備分布，客戶風(fēng)險(xiǎn)等級(jí)等，具體展示數(shù)據(jù)和顯示組件分析結(jié)果如表所示：展示模塊具體內(nèi)容使用組件數(shù)據(jù)源今年累計(jì)經(jīng)營(yíng)指標(biāo)本月出租設(shè)備數(shù)、本月租金收入、今年累計(jì)租戶、今年累計(jì)租金文本組件、圖片組件MYSQL數(shù)據(jù)庫(kù)-本年度累計(jì)租賃指標(biāo)租戶信用排名租戶信用排名柱狀圖組件MYSQL數(shù)據(jù)庫(kù)-租戶信用排名租賃設(shè)備分布租賃設(shè)備分布統(tǒng)計(jì)柱狀圖組件、數(shù)據(jù)下鉆、數(shù)據(jù)關(guān)聯(lián)MYSQL數(shù)據(jù)庫(kù)-租賃設(shè)備分布設(shè)備出租詳情表格組件、數(shù)據(jù)關(guān)聯(lián)MYSQL數(shù)據(jù)庫(kù)-租賃設(shè)備分布租金數(shù)據(jù)統(tǒng)計(jì)新增合同額、已逾期租金餅圖MYSQL數(shù)據(jù)庫(kù)-租賃數(shù)據(jù)統(tǒng)計(jì)應(yīng)收金額、已收金額餅圖MYSQL數(shù)據(jù)庫(kù)-租賃數(shù)據(jù)統(tǒng)計(jì)任務(wù)分析2.導(dǎo)入項(xiàng)目（1）登錄云視界，在云視界首頁(yè)，單擊“創(chuàng)建項(xiàng)目”，在彈出來(lái)的對(duì)話框中，通過“導(dǎo)入項(xiàng)目ID”新建項(xiàng)目，打開之后會(huì)彈出編輯界面。如圖所示：創(chuàng)建項(xiàng)目3.設(shè)計(jì)累計(jì)租賃數(shù)據(jù)本任務(wù)設(shè)計(jì)的今年累計(jì)租賃指標(biāo)，主要是使用文本和圖片組件的形式來(lái)根據(jù)數(shù)據(jù)源的數(shù)據(jù)進(jìn)行展示；使得信息更直觀。設(shè)置文本（1）先把文本組件拖拽到本年度累計(jì)租賃指標(biāo)區(qū)域，使本文顯示“本月出租設(shè)備數(shù)”，屬性可根據(jù)審美偏好進(jìn)行設(shè)置；之后從“材庫(kù)→素材庫(kù)→圖標(biāo)→行業(yè)”素中拖拽合適的圖標(biāo)到頁(yè)面如圖所示的位置。（2）在基礎(chǔ)組件中將文本組件拖拽到容器中，自定義設(shè)置其屬性，單擊數(shù)據(jù)源，類型選擇“數(shù)據(jù)源”，數(shù)據(jù)源選擇“本年度累計(jì)租賃指標(biāo)”，取值選擇“本月出租設(shè)備數(shù)”，最后單擊保存當(dāng)前頁(yè)標(biāo)簽。設(shè)置數(shù)據(jù)源3.設(shè)計(jì)累計(jì)租賃數(shù)據(jù)（3）重復(fù)前兩步的操作，分別完成“本月租金收入”“今年累計(jì)租戶”“今年累計(jì)租金”的文本設(shè)置，其對(duì)應(yīng)的數(shù)據(jù)源都是“本年度累計(jì)租賃指標(biāo)”，取值分別對(duì)應(yīng)如圖所示。設(shè)置其他文本3.設(shè)計(jì)累計(jì)租賃數(shù)據(jù)（1）在基礎(chǔ)組件-圖表中將柱狀圖拖拽至租戶信用積分排名區(qū)域的合適位置，本示例選擇“橫向柱狀圖”。設(shè)置其他文本4.設(shè)計(jì)租戶信用排名柱狀圖屬性的圖表選項(xiàng)和非實(shí)時(shí)數(shù)據(jù)處理的設(shè)置如下圖所示。其中非實(shí)時(shí)數(shù)據(jù)處理的“倒序”為否，“正序”為是，“數(shù)目”為6，即為至顯示正序的前6條數(shù)據(jù)。其他屬性可無(wú)需調(diào)整。4.設(shè)計(jì)租戶信用排名4.設(shè)計(jì)租戶信用排名（2）配置橫向柱狀圖的數(shù)據(jù)源。選中柱狀圖時(shí)，切換到數(shù)據(jù)源欄，數(shù)據(jù)源選擇“租戶信用排名”，維度選擇“租戶簡(jiǎn)稱”，度量選擇“信用積分”。設(shè)置數(shù)據(jù)源5.設(shè)計(jì)租賃設(shè)備分布（1）添加柱狀圖組件。在基礎(chǔ)組件-圖表中將柱狀圖拖拽至租賃設(shè)備分布統(tǒng)計(jì)區(qū)域的合適位置，組件的屬性設(shè)置可自定義。添加柱狀圖5.設(shè)計(jì)租賃設(shè)備分布（2）設(shè)置下鉆目錄。選中柱狀圖時(shí)，切換到數(shù)據(jù)源欄。①數(shù)據(jù)源選擇“租賃設(shè)備分布”，②單擊“配置數(shù)據(jù)源”標(biāo)簽會(huì)展開配置框，③選中“省份”后單擊右鍵，在右鍵菜單中創(chuàng)建下鉆目錄1。設(shè)置下鉆目錄5.設(shè)計(jì)租賃設(shè)備分布（3）設(shè)置維度和度量。①依次將“城市”“租戶簡(jiǎn)稱”加入到創(chuàng)建的“下鉆目錄1”，②通過選中并拖拽的方式將“下鉆目錄1”拖拽到維度下，③將維度中的“分組開關(guān)”開啟，④度量選擇“租賃設(shè)備數(shù)”，如圖所示，最后記得保存。設(shè)置維度度量當(dāng)在維度開啟了分組功能后，此度量默認(rèn)的匯總方式為“求和”，如果需要設(shè)置其它匯總方式可以通過單擊度量?jī)?nèi)的設(shè)置圖標(biāo)進(jìn)行設(shè)置。5.設(shè)計(jì)租賃設(shè)備分布（4）添加表格組件。在基礎(chǔ)組件-基礎(chǔ)中將表格拖拽到容器的合適位置，屬性可自定義，切換到數(shù)據(jù)源欄中，數(shù)據(jù)源選擇“租賃設(shè)備分布”，維度依次選擇“省份”“城市”“租戶簡(jiǎn)稱”“租賃設(shè)備數(shù)”，將表格翻頁(yè)勾選上。添加表格組件5.設(shè)計(jì)租賃設(shè)備分布（5）開啟數(shù)據(jù)關(guān)聯(lián)功能。單擊可視化編輯器導(dǎo)航欄的“圖層”標(biāo)簽，在左邊的導(dǎo)航欄中看到圖層結(jié)構(gòu)，單擊“租賃經(jīng)營(yíng)分析大屏，在右邊屬性欄中將“數(shù)據(jù)關(guān)聯(lián)”的開關(guān)打開，最后保存。開啟數(shù)據(jù)關(guān)聯(lián)5.設(shè)計(jì)租賃設(shè)備分布（6）①單擊柱狀圖右上角的組件聯(lián)動(dòng)圖標(biāo)，②在彈出的右邊框中將“組件聯(lián)動(dòng)”的開關(guān)開啟，③單擊勾選設(shè)備出租詳情區(qū)域的表格的左上角選中表格，④單擊右下角的“確定”按鈕，完成柱狀圖與表格的組件聯(lián)動(dòng)設(shè)置。設(shè)置組件聯(lián)動(dòng)6.設(shè)計(jì)租金數(shù)據(jù)統(tǒng)計(jì)（1）添加餅圖組件。在圖表組件中，找到“餅圖”將其拖拽到租賃收入統(tǒng)計(jì)區(qū)域中，圖表主題選擇“主題2”，數(shù)值樣式選擇“數(shù)值”，字號(hào)選擇“18”，環(huán)形大小選擇“60”，其他參數(shù)自定義設(shè)置。添加餅圖6.設(shè)計(jì)租金數(shù)據(jù)統(tǒng)計(jì)（2）設(shè)置餅圖數(shù)據(jù)源。切換到數(shù)據(jù)源標(biāo)簽，數(shù)據(jù)源選擇“租賃數(shù)據(jù)統(tǒng)計(jì)”，度量依次選擇“已逾期金額”“新增合同額”，完成后保存并刷新。設(shè)置數(shù)據(jù)源6.設(shè)計(jì)租金數(shù)據(jù)統(tǒng)計(jì)（3）按照前2步的操作，添加另一個(gè)餅圖，其數(shù)據(jù)源選擇“租金應(yīng)收統(tǒng)計(jì)”，度量選擇“應(yīng)收金額”“已收金額”。設(shè)置其他餅圖7.預(yù)覽驗(yàn)證頁(yè)面效果（1）保存后單擊預(yù)覽標(biāo)簽，會(huì)出現(xiàn)預(yù)覽效果，單擊全屏預(yù)覽，在全屏預(yù)覽模式下，單擊租賃設(shè)備分布統(tǒng)計(jì)的柱狀圖。預(yù)覽效果7.預(yù)覽驗(yàn)證頁(yè)面效果（2）如果前面的設(shè)置沒有問題的話，那么此時(shí)柱狀