首页 > 其他分享 >如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】

如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】

时间:2022-10-06 22:41:20浏览次数:86  
标签:动态数据 配置 可视化 组件 仪表盘 Jeecg 数据 jeecg


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

  • 操作简单,通过拖拽即可完成图表或表格等多种组件设计
  • 无需编码,5分钟零门槛打造出专业数据展示。
  • 支持多种数据来源配置,支持数据实时刷新定时或websocket,及数据过滤方便快捷。

一、仪表盘效果展示

如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】_动态数据

二、仪表盘设计界面

2.1 新建仪表盘

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

如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】_数据分析_02

2.2 选择我们所需要的组件

  • 目前jeecg仪表盘支持常用​​“图表组件”​​​、​​“布局组件”​​​、​​“地图组件”​​​、​​“表单组件”​​等等。
  • 如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】_数据集_03

  • 选中所添加的组件可在​​“属性”​​中设置组件的基本属性信息。
  • 如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】_数据分析_04

  • 选中添加组件可在​​“数据”​​中选择静态数据或动态数据,动态数据可实现实时刷新。
  • 如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】_java_05

  • 选中添加组件可在​​“交互”​​中设置跳转地址、查询配置和钻取配置。
  • 如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】_数据集_06

2.3 创建数据集

仪表盘设计所有组件默认均可设置静态数据,当我们需要动态数据时,可在​​“数据集”​​​中创建​​“SQL数据集”​​​、​​“API数据集”​​​及​​“JSON数据集”​

  • 点击“数据集”可“新增数据集”
  • 如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】_数据集_07

  • 可选择数据类型,解析字段后即可使用
  • 如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】_java_08

3.角色授权

可将仪表盘配置到​​“角色管理”​​​的​​“首页配置”​​中,用户登录后,首页自动展示所配置的仪表盘

如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】_数据_09

附录:


标签:动态数据,配置,可视化,组件,仪表盘,Jeecg,数据,jeecg
From: https://blog.51cto.com/jeecg/5734088

相关文章