通過捷碼快速開發(fā)平臺,只需3步,就可輕松搭建可視化大屏!
捷碼平臺是遠眺旗下的快速開發(fā)平臺。開發(fā)者可通過拖拽等可視化方式,在捷碼上快速搭建應(yīng)用,所見即所得。捷碼內(nèi)置海量酷炫的組件,比如3D組件、大屏組件、業(yè)務(wù)系統(tǒng)組件、APP組件、GIS組件等等,尤擅長于3D數(shù)字孿生和GIS,高度貼合各類智慧場景的可視化開發(fā)需求。本文接下來將以地球可視化頁面為例,帶你從0開始快速搭建可視化頁面。
效果
第一步,創(chuàng)建一個空白頁面
填寫頁面名稱,選擇固定寬高布局
第二步、頁面搭建
(1)主場景搭建
往畫布中拖入地圖組件中的地球,調(diào)整屬性;
(2)添加漸變遮罩
某些場景中需要使用漸變遮罩淡化主場景四周內(nèi)容,突出中間內(nèi)容和四周的業(yè)務(wù)圖表,在畫布中拖入大屏組件中的漸變遮罩。
(3) 布局
在主場景之上進行頁面布局,為下一步添加業(yè)務(wù)圖表做好準(zhǔn)備。
將3個web組件中的fixedcontainer 加入到畫布,配置在頁面頂部、左邊、右邊。
(4)加入業(yè)務(wù)圖表
頂部fixedcontainer拖入大屏組件中的流光文字:
- 左側(cè)依次拖入大屏組件中的標(biāo)題、基礎(chǔ)柱狀圖、嵌套環(huán)形圖、立體圖片;
- 右側(cè)依次拖入大屏組件中的標(biāo)題、立體環(huán)餅圖、基礎(chǔ)折現(xiàn)圖、輪播表格;
配置屬性后保存后查看預(yù)覽效果;
第三步、綁定業(yè)務(wù)數(shù)據(jù)
述完成的頁面還是使用的靜態(tài)數(shù)據(jù),為了能正確展示業(yè)務(wù),需要將組件與業(yè)務(wù)數(shù)據(jù)通過平臺的綁定功能連接起來。
配置好的效果:
除此之外,還可以使用模板創(chuàng)建頁面,捷碼內(nèi)置了多個智慧行業(yè),比如智慧園區(qū)、智慧水務(wù)、智慧交通、智慧工地、智慧礦山、智慧農(nóng)業(yè)等智慧領(lǐng)域模板,可以直接點擊頁面模板,一鍵完成頁面搭建。