zhangdaiscott 发表于 2022-7-11 16:42:59

如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现

仪表盘是数据可视化的一种展现方式,是将数据以各类图表和图形化的方式,以视觉形式来呈现,从而帮助我们更加直观的了解数据展示的意义。 下面看看Jeecg低代码平台的仪表盘功能效果。

1. 操作简单,通过拖拽即可完成图表或表格等多种组件设计
2. 无需编码,5分钟零门槛打造出专业数据展示。
3. 支持多种数据来源配置,支持数据实时刷新定时或websocket,及数据过滤方便快捷。
一、仪表盘效果展示
https://oscimg.oschina.net/oscnet/up-9c9fd800541036b50c9ab554e7570ed2019.gif


二、仪表盘设计界面
2.1 新建仪表盘首先点击“新增”,创建一个新的仪表盘,或者使用已有示例复制一个仪表盘https://oscimg.oschina.net/oscnet/up-871d012c71971e4d18712adaf4e6420901c.png

2.2 选择我们所需要的组件
[*]目前jeecg仪表盘支持常用“图表组件”、“布局组件”、“地图组件”、“表单组件”等等。
https://oscimg.oschina.net/oscnet/up-6e813781bf980b1380d8749d714f1a544a2.png

[*]选中所添加的组件可在“属性”中设置组件的基本属性信息。
https://oscimg.oschina.net/oscnet/up-a495001fa84986e581a57ae4ee3e961919b.png

[*]选中添加组件可在“数据”中选择静态数据或动态数据,动态数据可实现实时刷新。
https://oscimg.oschina.net/oscnet/up-d4a89f5c64e5348cd10ec9f9f2bb9d9b0e9.png

[*]选中添加组件可在“交互”中设置跳转地址、查询配置和钻取配置。
https://oscimg.oschina.net/oscnet/up-d088eb7df177902ba87195e7141807c8c48.png
2.3 创建数据集仪表盘设计所有组件默认均可设置静态数据,当我们需要动态数据时,可在“数据集”中创建“SQL数据集”、“API数据集”及“JSON数据集”
[*]点击“数据集”可“新增数据集”
https://oscimg.oschina.net/oscnet/up-50a84dd6644b39a0ddea42fff00aed7ab5f.png

[*]可选择数据类型,解析字段后即可使用
https://oscimg.oschina.net/oscnet/up-bfd59b554bcd571d2c98e9c1debd09191d8.png


3.角色授权可将仪表盘配置到“角色管理”的“首页配置”中,用户登录后,首页自动展示所配置的仪表盘https://oscimg.oschina.net/oscnet/up-8e5e1458923efd2868d29dc1f0ea533fee2.png附录:
[*]仪表盘在线体验: http://boot3.jeecg.com
[*]仪表盘设计文档:http://vue3.jeecg.com/2681205




Yuki520 发表于 2022-8-2 11:34:41

仪表盘设计所有组件默认均可设置静态数据,当我们需要动态数据时,可在“数据集”中创建“SQL数据集”、“API数据集”及“JSON数据集”168won福彩3D走势图
页: [1]
查看完整版本: 如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现