北京国炬信息技术有限公司

  • 首页
  • 产品方案
    • 低代码平台
    • 流程设计器
    • 微服务方案
    • 表单设计器
    • 大屏设计器
    • 报表设计器
    • 流程数据中台
    • 移动APP方案
  • 新闻动态
    • 公司动态
    • 技术博客
    • 学习视频
  • 关于我们
    • 公司简介
    • 发展历程
    • 公司荣誉
    • 联系我们
  • 人才招聘
首页 > 新闻动态 > 公司动态

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

作者:admin 发布时间:2022-07-12 点击数:

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

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

一、仪表盘效果展示

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

二、仪表盘设计界面

2.1 新建仪表盘

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

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

2.2 选择我们所需要的组件

  • 目前jeecg仪表盘支持常用“图表组件”、“布局组件”、“地图组件”、“表单组件”等等。如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】(图3)
  • 选中所添加的组件可在“属性”中设置组件的基本属性信息。如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】(图4)
  • 选中添加组件可在“数据”中选择静态数据或动态数据,动态数据可实现实时刷新。如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】(图5)
  • 选中添加组件可在“交互”中设置跳转地址、查询配置和钻取配置。如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】(图6)

2.3 创建数据集

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

  • 点击“数据集”可“新增数据集”如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】(图7)
  • 可选择数据类型,解析字段后即可使用如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】(图8)

3.角色授权

可将仪表盘配置到“角色管理”的“首页配置”中,用户登录后,首页自动展示所配置的仪表盘如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】(图9)

附录:

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


加入收藏
上一篇:低代码可视化报表-积木报表,JimuReport v1.5.
下一篇:拖拖拽拽搞定门户设计—Jeecg门户设计器,你想象不到的简单
返回列表

随便看看

  • JimuReport积木报表1.1.05 版本发布
  • JEECG和JEEWX荣登开源中国最热项目
  • Online开发一分钟——Jeecg-Boot 在线配置图表
  • JimuReport积木报表—表格联动图表专题
  • JeecgUniapp移动框架 2.0版本发布,一份代码多终端适配
  • JimuReport 积木报表 v1.9.3发布,免费可视化报表
  • 2023 年活力开源贡献者、开源项目揭晓|JeecgBoot 成功入选
  • 3小时解决头疼的年终报表!
  • 参与JEECG插件开发大赛,赢千元现金大奖!
  • jenkins部署jeecg-boot3.1(前后端)自动化

  • 公司产品
  • JeecgBoot低代码平台
  • 敲敲云零代码
  • 大屏设计器
  • 流程设计器
  • 表单设计器
  • 源码下载
  • JeecgBoot低代码平台
  • 积木报表平台
  • 移动开发平台
  • 微信管家平台
  • 更多信息
  • JEECG官方论坛
  • JEECG插件市场
  • 仪表盘设计器
  • 积木报表官网
  • 联系我们
  • 中国·北京·朝阳区科荟前街1号院奥林佳泰大厦9层
  • 商务QQ: 69893005、418799587
  • 商务热线: 010-64808099(5*8小时)
  • 项目外包: 18611788525(5*8小时)
  • 扫码关注我们
Copyright © 2015 北京国炬软件 All Rights Reserved Powered by JEECG 京ICP备2023027727号