項目四：設備營銷租賃的可視化設計任務4.1設計設備租賃數據頁面>>※任務實施《工業可視化》/工業互聯網系列課程湖南三一工業職業技術學院《工業可視化》/工業互聯網系列課程目錄1.任務分析2.導入項目3.設計累計租賃數據4.設計租戶信用排名5.設計租賃設備分布6.設計租金數據統計7.預覽驗證頁面效果1.任務分析（1）

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