學習AppCube開發業務大屏
在華為云學習應用魔方AppCube開發業務大屏,開發的過程記錄如下:
1.創建項目
打開AppCube網站:https://www.huaweicloud.com/product/appcube.html
點擊“立即使用”,打開會有之前免費的AppCube實例
點擊“進入開發環境”,打開進入應用魔方AppCube
這里可以創建不同類型的項目,也可以打開以前創建開發應用,還可以去學習中心學習等功能。
本次作業是開發業務大屏,點擊“業務大屏”,打開DMAX AI數據可視化大屏頁面
點擊“新建項目”,創建一個空白項目
點擊左側“+”,點擊“新建頁面”,創建一個新的頁面
打開“新建頁面”以后,可以選擇“創建空白頁”,“AI”,“預置”里的模板
創建“空白頁”
2.頁面開發
頁面設置
右側根據屏幕大小自定義設置,左側打開“組件列表”,就可以拖拽組件進行大屏開發了。
選擇合適組件,拖拽布局大屏,效果如下
3.數據定義
點擊“新建分類”,創建一個“能源化工大屏”類型
點擊“數據集管理”,創建“靜態數據”
化工合格率
化工銷售額
Excel數據表
產品庫存表
原料庫存表
原料單價表
4.圖形組件設置
通用表格
選中“通用表格”,右側組件設置點擊“數據”, 橋接器數據類型選擇“靜態數據”,輸入數據里面可以進行修改數據。
選中“通用表格”,右鍵“高級設置”
打開表格的屬性設置,可以對標題,行,表頭,數據映射進行設置
水位圖
選中“水位圖”,右側組件設置點擊“數據”, 數據源類型選擇“數據集”,數據集名稱“化工合格率”,每一個水位圖的“系列”選擇一個數據字段進行數據綁定
選中“水位圖”,右鍵“高級設置”, 打開屬性設置進行修改
柱狀圖
選中“柱狀圖”,右側組件設置點擊“數據”, 數據源類型選擇“Excel文件”,輸入數據后面點擊“上傳Excel”,上傳數據完成后下方內容框可以進行數據修改
選中“柱狀圖”,右鍵“高級設置”, 打開屬性設置進行修改
儀表盤
選中“儀表盤”,右側組件設置點擊“數據”,橋接器數據類型選擇“靜態數據”, 輸入數據里面可以進行修改數據。
選中“儀表盤”,右鍵“高級設置”, 打開屬性設置進行修改
線狀圖
選中“線狀圖”,右側組件設置點擊“數據”, 數據源類型選擇“Excel文件”,輸入數據后面點擊“上傳Excel”,上傳數據完成后下方內容框可以進行數據修改
選中“線狀圖”,右鍵“高級設置”, 打開屬性設置進行修改
餅圖
選中“餅圖”,右側組件設置點擊“數據”,橋接器數據類型選擇“靜態數據”, 輸入數據里面可以進行修改數據。
選中“餅圖”,右鍵“高級設置”, 打開屬性設置進行修改
文本-翻牌器
選中“翻牌器”,右側組件設置點擊“數據”, 數據源類型 選擇“數據集”,數據集名稱“化工銷售額”,對應的“數值”選擇一個數據字段(應收金額,應用額)進行數據綁定
選中“翻牌器”,右鍵“高級設置”, 打開屬性設置進行修改
文本
選中“文本編輯”,右側組件設置 “屬性”,文本內容參數代替
選中“文本編輯”,右側組件設置點擊“數據”,橋接器數據類型選擇“靜態數據”, 輸入數據里面可以進行修改數據。
熱力圖
這個組件需要自定義,參考“手機銷量監控大屏”,導入組件
5.組件升級
對自定義的“熱力圖”組件進行修改,這里可以進行下載,更新操作,對下載的源碼文件可以進行修改。
先單擊“釋放鎖”,然后再上傳修改后組件的壓縮文件
大屏開發頁面進行“檢查更新”升級
文章內容如果寫的存在問題歡迎留言指出,讓我們共同交流,共同探討,共同進步~~~
文章如果對你有幫助,動動你的小手點個贊,鼓勵一下,給我前行的動力。
應用魔方 AppCube
版權聲明:本文內容由網絡用戶投稿,版權歸原作者所有,本站不擁有其著作權,亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容,請聯系我們jiasou666@gmail.com 處理,核實后本網站將在24小時內刪除侵權內容。
版權聲明:本文內容由網絡用戶投稿,版權歸原作者所有,本站不擁有其著作權,亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容,請聯系我們jiasou666@gmail.com 處理,核實后本網站將在24小時內刪除侵權內容。