网站栏目规划,宜宾建设局网站,android手机开发工具,安徽合肥做网站积木 BI 重磅推出免费大屏设计器#xff01;功能超强大#xff0c;操作超流畅#xff0c;体验超酷炫。快来体验一下吧。 让我们一起来看一下如何从0到1设计一个大屏。
一、积木BI大屏介绍
积木BI可视化数据大屏 是一站式数据可视化展示平台#xff0c;旨在帮助用户快速通… 积木 BI 重磅推出免费大屏设计器功能超强大操作超流畅体验超酷炫。快来体验一下吧。 让我们一起来看一下如何从0到1设计一个大屏。
一、积木BI大屏介绍
积木BI可视化数据大屏 是一站式数据可视化展示平台旨在帮助用户快速通过可视化图表展示海量数据10 分钟零门槛打造出专业大屏数据展示。
大屏设计器支持多种数据来源配置支持数据实时同步更新同时大屏设计器基于 WEB 页面渲染可灵活投屏多种屏幕终端。
精心预设多种行业模板极致展示数据魅力。采用拖拽式自由布局无需编码全图形化编辑快速可视化制作。
二、积木大屏安装/集成 支持maven本地集成或在线使用 下载代码 https://github.com/jeecgboot/JimuReport官网 https://jimureport.com
本示例以本地安装为例本地安装完成后进入大屏后台就可以开始大屏制作了。
三、大屏设计步骤
1. 创建大屏
点击“新建”弹出新建数据大屏弹框输入大屏名称选择文件夹点击“保存并设计”即创建了大屏 可重新选择大屏的背景色或背景图片。
2. 数据准备
点击右上角“数据源”、“数据集”添加数据源和数据集
2.1 添加数据源
点击“新增”创建所需要的数据源支持多种数据源 支持 MySQL5.5、MySQL5.7、Oracle、SQLServer、MariaDB、PostgreSQL、达梦、人大金仓、神通、DB2、Hsqldb、Derby、H2、TIDB、clickhouse、TDengine、Redis、MongoDB 等 2.2 添加数据集
点击“数据集”弹出数据集管理界面 点击新增创建数据集选择所需的数据类型点击解析即可。字段就都解析出来了 数据集支持SQL、API、JSON和websocket
3. 添加组件(文本、图表、装饰、表格等)
3.1 添加设计文本
添加文本 修改文本样式 修改文本数据
3.2 添加设计图表 添加图表-饼图为例 添加图表样式-饼图为例
根据自己的需求修改图表样式标题、图例、数值、配色等等
添加图表数据-饼图为例
① 数据源类型可选择静态数据源、动态数据源此处以动态数据为例
② 数据集数据集即“2.2”步骤添加的数据集点击选择即可
③ 映射字段即“2.2”步骤添加数据集的解析字段
④ 数据条数可输入数字控制返回数据条数例如数据集总共返回10条只需要显示5条
⑤ 数据过滤可输入条件对返回的数据进行过滤如下代码
return data.filter((item){return item.value 0
});⑥ 定时刷新(单位:秒)多长时间刷新一次数据
3.3 添加边框装饰
添加边框 调整边框位置、大小
依照此方法设计其他图表及组件即可设计完整大屏了。
3.4 Jeecg数据大屏管理驾驶舱效果图 四、快速创建大屏
在模版案例中复制一个相近的模版再修改大屏的组件及数据即可快速创建一个大屏了。
