安全防護(hù)系統(tǒng)的可視化實(shí)現(xiàn)
鐘梓航
一.項(xiàng)目背景
安全防護(hù)需要實(shí)時(shí)進(jìn)行更新稠诲,并且要有可視化的界面對(duì)用戶進(jìn)行反饋梭域,防護(hù)系統(tǒng)是否正常運(yùn)行赊瞬。
二.項(xiàng)目目標(biāo)
智慧小區(qū)安全防護(hù)系統(tǒng)的可視化展現(xiàn)。
三.項(xiàng)目步驟
1.打開onenet平臺(tái)上可視化配置
新建一個(gè)可視化項(xiàng)目
image.png
2.添加數(shù)據(jù)源模板
image.png
image.png
image.png
3.編輯可視化組件
選擇平滑折線圖
image.png
對(duì)數(shù)據(jù)進(jìn)行編輯
image.png
取消數(shù)據(jù)過濾器配置
導(dǎo)入數(shù)據(jù)源模板
image.png
選擇數(shù)據(jù)源模板
image.png
修改數(shù)據(jù)為value裸燎,保證一致。
image.png
選擇基礎(chǔ)地圖組件
image.png
數(shù)據(jù)源選擇
image.png
增加過濾代碼
image.png
根據(jù)自己的喜好憔购,可以適當(dāng)添加組件美化界面
image.png
查看數(shù)據(jù)
image.png