如何設(shè)計一個漂亮的儀表盤—Jeecg儀表盤輕松實現(xiàn)【數(shù)據(jù)可視化專題】
儀表盤是數(shù)據(jù)可視化的一種展現(xiàn)方式,是將數(shù)據(jù)以各類圖表和圖形化的方式,以視覺形式來呈現(xiàn),從而幫助我們更加直觀的了解數(shù)據(jù)展示的意義。 下面看看Jeecg低代碼平臺的儀表盤功能效果。
操作簡單,通過拖拽即可完成圖表或表格等多種組件設(shè)計
無需編碼,5分鐘零門檻打造出專業(yè)數(shù)據(jù)展示。
支持多種數(shù)據(jù)來源配置,支持數(shù)據(jù)實時刷新定時或websocket,及數(shù)據(jù)過濾方便快捷。
一、儀表盤效果展示

二、儀表盤設(shè)計界面
2.1 新建儀表盤
首先點擊“新增”
,創(chuàng)建一個新的儀表盤,或者使用已有示例復(fù)制一個儀表盤

2.2 選擇我們所需要的組件
目前jeecg儀表盤支持常用
“圖表組件”
、“布局組件”
、“地圖組件”
、“表單組件”
等等。

選中所添加的組件可在
“屬性”
中設(shè)置組件的基本屬性信息。

選中添加組件可在
“數(shù)據(jù)”
中選擇靜態(tài)數(shù)據(jù)或動態(tài)數(shù)據(jù),動態(tài)數(shù)據(jù)可實現(xiàn)實時刷新。

選中添加組件可在
“交互”
中設(shè)置跳轉(zhuǎn)地址、查詢配置和鉆取配置。

2.3 創(chuàng)建數(shù)據(jù)集
儀表盤設(shè)計所有組件默認均可設(shè)置靜態(tài)數(shù)據(jù),當我們需要動態(tài)數(shù)據(jù)時,可在“數(shù)據(jù)集”
中創(chuàng)建“SQL數(shù)據(jù)集”
、“API數(shù)據(jù)集”
及“JSON數(shù)據(jù)集”
點擊“數(shù)據(jù)集”可“新增數(shù)據(jù)集”

可選擇數(shù)據(jù)類型,解析字段后即可使用

3.角色授權(quán)
可將儀表盤配置到“角色管理”
的“首頁配置”
中,用戶登錄后,首頁自動展示所配置的儀表盤

附錄:
儀表盤在線體驗:?http://boot3.jeecg.com
儀表盤設(shè)計文檔:http://vue3.jeecg.com/2681205