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

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

操作简单，通过拖拽即可完成图表或表格等多种组件设计

无需编码，5分钟零门槛打造出专业数据展示。

支持多种数据来源配置，支持数据实时刷新定时或websocket，及数据过滤方便快捷。

一、仪表盘效果展示

二、仪表盘设计界面

2.1 新建仪表盘

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

2.2 选择我们所需要的组件

目前jeecg仪表盘支持常用“图表组件”、“布局组件”、“地图组件”、“表单组件”等等。
选中所添加的组件可在“属性”中设置组件的基本属性信息。
选中添加组件可在“数据”中选择静态数据或动态数据，动态数据可实现实时刷新。
选中添加组件可在“交互”中设置跳转地址、查询配置和钻取配置。

2.3 创建数据集

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

点击“数据集”可“新增数据集”
可选择数据类型，解析字段后即可使用

3.角色授权

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

附录：

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

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

PS经典教程：从零开始设计一个漂亮的网页
你是否曾经想过设计一个漂亮的网页,但是却不知道怎样入手?说实话,几年前我也是这样.当我浏览网页的时候我看到这么多好看的网页,我就希望自己有技术创作这样的设计作品. 今天我可以这么做了,而且我将教你怎么 ...
从零开始设计一个漂亮的网页（译）
译者:Joe 译文来源:http://xiebiji.com/2009/09/design_a_beautiful_website/ 原文来自:Design a Beautiful Website F ...
PS网页设计教程XXIV——从头设计一个漂亮的网站
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的 ...
lunix 习题设计一个程序 cuts，它由标准输入读取数据...
设计一个程序 cuts,它由标准输入读取数据,获取由第一个参数 n 和第二个参数 m 所限定范围的数据,n 和 m 都是整数,即从输入的字符串中抽取第 n 个字符至第 m 个字符之间的所有字符(包括这 ...
如何在自己的信息管理系统里集成第三方权限控制组件 - 设计一个漂亮的WEB界面...
我们大家都梦想有个完美的各种信息管理系统,其实一个人又会数据库,又会C#.NET程序,还要精通HTML,还要精通CSS,更要精通JS,还有精力去写很多东西,又要调试前台又要调试后台,而且每开发一个系统 ...
用vue设计一个漂亮的登录界面
你好! 在 Vue 中设计一个漂亮的登录界面可以使用以下步骤: 准备好所需的图片和样式文件,包括背景图片和字体. 在 Vue 组件的 template 部分中,使用 HTML 元素和组件创建登录表单的 ...
Netflix如何设计一个能满足5倍增长量的时序数据存储新架构？
2016年1月,Netflix在全球范围内扩展业务.越来越多的会员.越来越多的语言和越来越多的视频回放将时间序列数据存储架构扩展到了它的临界点(详见第1部分文章<Netflix实战指南:规模化时 ...
怎样设计淘宝天猫这种成功而有价值大数据可视化？
大数据人工智能淘宝天猫双十一幕后:实时可视化查询大屏 [what]什么是数据可视化? 大数据可视化,就是指将结构或非结构数据转换成适当的可视化图表,然后将隐藏在数据中的信息直接展现于人们面前.那数据可 ...
python人机交互界面设计_[译]学习IPython进行交互式计算和数据可视化（五）
第四章:交互式绘图接口本章我们将展示Python的绘图功能以及如何在IPython中交互式地使用它们. NumPy为处理大量的多维数组结构的数据提供了高效的方法.但是看行行列列的数字总不如直接看曲线 ...

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

一、仪表盘效果展示

二、仪表盘设计界面

2.1 新建仪表盘

2.2 选择我们所需要的组件

2.3 创建数据集

3.角色授权

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

最新文章

热门文章