乐趣区

关于jeecg-boot:如何设计一个漂亮的仪表盘Jeecg仪表盘轻松实现数据可视化专题

仪表盘是数据可视化的一种展示形式,是将数据以各类图表和图形化的形式,以视觉模式来出现,从而帮忙咱们更加直观的理解数据展现的意义。上面看看 Jeecg 低代码平台的仪表盘性能成果。

  • 操作简略,通过拖拽即可实现图表或表格等多种组件设计
  • 无需编码,5 分钟零门槛打造出业余数据展现。
  • 反对多种数据起源配置,反对数据实时刷新定时或 websocket,及数据过滤方便快捷。

一、仪表盘成果展现

二、仪表盘设计界面

2.1 新建仪表盘

首先点击“新增”,创立一个新的仪表盘,或者应用已有示例复制一个仪表盘

2.2 抉择咱们所须要的组件

  • 目前 jeecg 仪表盘反对罕用 “图表组件”“布局组件”“地图组件”“表单组件” 等等。
  • 选中所增加的组件可在 “属性” 中设置组件的根本属性信息。
  • 选中增加组件可在 “数据” 中抉择静态数据或动态数据,动态数据可实现实时刷新。
  • 选中增加组件可在 “交互” 中设置跳转地址、查问配置和钻取配置。

2.3 创立数据集

仪表盘设计所有组件默认均可设置静态数据,当咱们须要动态数据时,可在 “数据集” 中创立 “SQL 数据集”“API 数据集”“JSON 数据集”

  • 点击“数据集”可“新增数据集”
  • 可抉择数据类型,解析字段后即可应用

    3. 角色受权

    可将仪表盘配置到 “角色治理”“首页配置”中,用户登录后,首页主动展现所配置的仪表盘

附录:

  • 仪表盘在线体验:http://boot3.jeecg.com
  • 仪表盘设计文档:http://vue3.jeecg.com/2681205
退出移动版