易云系統支持強大的組態功能,無論是是菜單、功能層面的組態,還是監控點、數據方面的組態,易云系統都能勝任。 不過,近期有朋友和我們反應,他們的數據可視化界面怎么組態都很簡單、不夠炫酷,問易小云能不能讓組態畫面“炫”起來。
用戶想要
自建結果
可見,大家對易云系統的組態功能還不太熟悉,使用時有諸多疑惑,今天我就來和大家分享一下讓組態界面“炫”起來的方法。 以上圖“用戶想要”為例,如何使用系統搭建出這樣一個界面呢? 主要從四個方面進行調整 1整體配色 2版面布局3組件屬性 4邊框線條 基本上從這四點入手,就能讓平凡的界面“炫~”起來。
1整體配色 要想制作一個好看的可視化圖表,配色非常關鍵,很多糟糕的圖表,往往都是配色很糟糕。 以經驗看來,“科技感”“高大上”的配色方案,一般是深色背景,配對比色的文字或邊框,例如:藍色和青色、藍色和粉色等。 如果您確實糾結選什么顏色,就從網上直接找一個“高大上”的界面,“學習”一個配色方案。 在系統中,我們可以點擊畫布屬性-選擇背景色,也可以在組件屬性中,為各組件設置顏色和背景色。
2版面布局 可視化界面切忌凌亂,否則再好的配色也無法讓界面漂亮起來,界面設計最好根據需要展示的內容,有個提前的預案。 同樣以上面的“用戶想要”為例,他的布局是這樣的:
標題、文字、圖表、視頻、設備等等各類型條理分明,可以很清晰縱覽全局,我們要的也是這樣的效果:通過系統提供的各類組件,將需要監控的數據逐一安置到位:
為了簡化,我們只部署了少數幾個數據,可以看出,雖然顯得整齊了點,但依然不夠美觀大方,我們需要做進一步調整。 3組件屬性 每個組件都有屬性設置,例如文字大小、顏色,背景顏色,邊框大小、顏色等等,我們可以通過這些屬性設置,對場景進行細節調整。 經過一番顏色、底紋、大小等等屬性的改變,我們可以得到這樣一張圖:
4邊框線條 上面的圖和成品已經很接近了,但是依然不夠好看,各個位置缺了些區塊的劃分,缺了點裝飾性的內容,那么接下來就是最后的調整——我們來給各個位置添加點邊框線條吧。 目前,邊框線條尚未內置,不過沒關系,系統支持自主上傳,你喜歡什么樣的邊框,就加什么樣的,隨心所以,豈不美滋滋? 上傳方式:組件庫添加圖片-圖片屬性中進入圖庫-點擊我的圖庫右上角的“+”就可以上傳啦。
添加底紋、添加邊框,再次對各模塊進行微調,我們得到了完全體的組態圖:
忽視掉周邊的系統欄,做個對比,他是這樣的:
當然這里之后幾個圖表,如果更多要展示的內容,別忘了縮小各部分,合理安排空間,當然,有喜歡的邊框,或者就是喜歡無邊框,都可以自己上傳。 中易云·助力企業快速上云 集成40+行業解決方案工業、農業、電力、醫療、冷鏈、油田… 掃碼添加中易云VIP客戶經理 即可免費獲得所需行業物聯網解決方案
-
物聯網
+關注
關注
2911文章
44824瀏覽量
375122
發布評論請先 登錄
相關推薦
評論