zhangdaiscott 发表于 2026-1-28 17:43:19

积木 BI 数据大屏重磅升级！11 大全新功能组件，打造更简...

在数据驱动的时代，如何快速、美观地展示数据大屏，成为每个企业和团队关注的焦点。积木BI数据大屏最新版本重磅推出，一次性新增11大功能组件，让数据大屏设计变得更加简单、高效、专业。

### 积木BI（jimuBI）

JimuBI 是专注于数字孪生和数据可视化的工具，旨在通过直观、动态且视觉吸引力强的形式呈现实时业务数据，尤其擅长打造 交互式大屏和仪表盘

JimuBI 业内唯实现全场景覆盖：同时支持大屏（炫酷动态）、仪表盘（专业分析）、门户（交互式业务看板）、移动端（随时随地查看），真正实现 "一次开发，多端适配"。

#### 代码下载

* [https://github.com/jeecgboot/JimuReport](https://github.com/jeecgboot/JimuReport)

#### 技术文档

* 快速集成 ：[https://help.jimureport.com/quick.html](https://help.jimureport.com/quick.html)
* 官方网站： [http://jimureport.com](http://jimureport.com)
* 报表示例： [http://jimureport.com/reportDemo](http://jimureport.com/reportDemo)
* 在线体验： [http://jimureport.com/login](http://jimureport.com/login)

### 一页多屏，10分钟搞定数据大屏

#### 导航切换：让大屏"一屏多用"

传统的数据大屏设计往往需要多个页面，切换复杂，维护成本高。积木BI全新推出的**导航切换**功能，彻底解决了这一痛点。

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/d617105fa78f468aa182128b133e2c6c~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=IsVgDxagnDQBSZPDtT8pFtfe3lM%3D)

**核心优势：**

* **一页多屏**：一个画布内按导航标签切换多个业务版块
* **高德地图集成**：支持嵌入高德地图组件，展示区域数据与点位标记，可在导航版块中切换显示
* **绑定组合**：可直接选择已「组合」的组件集合，一次切换成组显示/隐藏
* **定时轮播**：支持设置间隔秒数自动循环展示各版块
* **个性化图标**：支持常态 / 高亮两套图片，实现像素级导航视觉；也可关闭个性化转用内置样式
* **渐变支持**：文本组件可配合渐变色，突出当前激活项，视觉效果更佳
* **低成本扩展**：新增导航项=新增一个组合+绑定即可，无需复制大屏，大大降低维护成本

**在线体验：** [点击查看模板演示](https://api.jimureport.com/drag/share/view/1151069555267260416)

### 交互升级：详情弹框让数据展示更灵活

点击文字即可弹出另一块大屏，支持全屏/自适应两种模式，ESC一键退出。无论是展示详细数据还是辅助信息，都能轻松实现，让数据展示更加灵活和直观。

* 全屏弹框

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/99c52024869a4ed191f6840bed40221e~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=w1nsGt4iIKlOl5ZT6Pd5%2FPC%2FKic%3D)
* 自适应弹框

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/da3591952cb44387ac7aa0254ade8bae~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=0adu6SDSk24mBDx%2FqCsd%2BZTBTj4%3D)

### 丰富组件：满足各种数据可视化需求

#### 1. 日历组件

通过日历形式直观展示当月数据，让时间维度的数据一目了然，特别适合展示日程、事件、任务等时间相关的数据。

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/f03c1a38c93b40459b5df0042cbb9550~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=qv9%2Fg98%2BmzaTQMK%2B%2BSTUxhz3yoo%3D)

#### 2. 进度图组件

* **列表进度图**：以进度条方式清晰展示数据，可展示数据、时间、名称等多维度信息

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/590d7d6f74404adea3cbc6cceb40c991~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=wCHsLjrhEtSFHCek1uXJ26X5EQw%3D)

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/76a7a33d329841579617a9bbe5f1261d~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=3kovfyPoQdTupEcjQibAgDyd6hc%3D)

* **圆形进度图**：采用圆形进度条设计，视觉效果更美观，适合展示完成度、比例等数据

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/542b537bab5c49aaa8f6ee24f6592d6e~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=Z41NDLgheqaqH%2Fxhd%2B4t4hgQU5Q%3D)

#### 3. 轮播图组件（4种模式）

* **卡片轮播**：经典的卡片轮播效果，适合展示多组数据

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/7766f55ecc1f407fb688b1c77f24aac0~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=i3oU9YRN4hhB4qblQV3K%2BK8lUZs%3D)

* **卡片滚动（横向）**：横向滚动展示，节省空间

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/51c1d15c2cb74715950be6959f0de65b~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=Di2TGKXbOFD%2Bv8fjPXxB7sZ44R4%3D)

* **卡片滚动（竖向+序号）**：竖向滚动配合序号显示，信息更清晰

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/f22a79448d5f4b20baa1a1e166a1c13a~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=EKCqXaDbs5OUlG653a3hgRpRN0s%3D)

* **卡片滚动（高亮）**：高亮显示当前项，视觉效果更突出

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/4b2b7e1dfa5d49d5883e7ccebbc2e90b~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=%2F4u5B7xxjjsWAWTzgktCQYKvfHo%3D)

#### 4. 高级表格组件（3种模式）

* **滚动列表（单行）** ：单行滚动展示，简洁高效
    ![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/a0c021a1f4224f8eb69ccb29529e4b89~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=zop%2BBx1AzWUyEQ5xTguhaFyNjpc%3D)
* **滚动列表（多行+序号）**：多行滚动配合序号，支持默认样式和自定义背景图

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/d551677aaac349028508df19a220c06b~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=Sj%2B7SMOJnw3mtMtV2OMOYriPw9c%3D)

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/f7fee5ef11584c99b1496310fefa6c3c~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=8JcJTEFDekRWcFU7RcXxnX6xqo4%3D)

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/bd41a474299642d3a7fe54fa14a48b8c~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=tNlz7zOACi2sk%2FyrFyfqz8pwVPg%3D)

* **滚动列表（带表头）**：带表头的滚动列表，更适合展示结构化数据

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/0f4974d27824466dbc1267cd6dd5eee1~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=E8Qiakn6lTcj1KI1hpU3%2BrROpUM%3D)

#### 5. 统计组件（3种模式）

* **统计概览（卡片模式）**：卡片式展示，视觉清爽

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/4f162024f6534e5db818ae9db51ef17f~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=d2I%2BijFD45nFVR1ipMz2HjlOGzs%3D)

* **统计概览（背景模式）**：背景模式展示，视觉更丰富

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/7c118c401f844af1bafc0db5274998e1~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=sBUmWbTFYDnx1uxUWbXkPfmeUJw%3D)

* **统计概览（高亮模式）**：高亮模式展示，重点更突出

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/47b9dfd5f5e74b4c86c10694644494da~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=2VqZdGkQq2D%2FNbeuOuHkLnqHMao%3D)

三种模式可自由切换，满足不同场景的需求。

#### 6. 轨道环形文字

可设置轨道环形文字的图片模式、文字样式及个性化配置，让文字展示更具动感和视觉冲击力。

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/b7e1cc2d870449c5a161b0a92564ae49~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=C01rZWm9kjqBxDUxJ%2FnaVvmzTaI%3D)

#### 7. 高德地图集成

高德地图组件支持在地图上标记点位、显示信息窗口等功能，让地理位置数据可视化变得简单直观。

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/3032495dea0b4bd8937478c013abeea2~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=3W7NnT9%2BOiELdRZaxpzaAXeKGZU%3D)

#### 8. 半圆仪表盘

可设置仪表盘外部刻度、外部进度条、内部小圆、内部阴影、内部进度条等，灵活配置，达到自己想要的效果。

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/aba3cb0983864a568d99a401b1ba4353~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=QNZdPzx00qNK3f1rkqpyaRpLeLA%3D)

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/7505863db31c4d26a67e53620aff899f~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=Y64gWKlbeGKTjPfSlX1rJ1qw%2FYI%3D)

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/10236ea4b56c441ca8b9984ab65bc194~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=Usi7Hc2c21LKSBwoXVPsxad%2B8Qc%3D)

#### 9. 多色环形图

多色环形图让数据展示更加丰富多彩，适合展示分类数据的占比关系。

![](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/fa6ae30e003f4f8c9369406f039102c6~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgSkVFQ0fkvY7ku6PnoIHlubPlj7A=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiMzg3ODczMjc1MzI4ODAyOSJ9&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1770197598&x-orig-sign=8JvFUhZFUp8nKjhaujJQjqFad9w%3D)

### 适用场景

* **企业数据大屏**：展示企业关键业务指标，实时监控运营状态
* **会议演示**：在会议中展示数据报告，提升演示效果
* **监控中心**：实时监控系统运行状态，快速发现问题
* **展厅展示**：在展厅中展示企业数据，提升品牌形象
* **数据分析**：直观展示数据分析结果，辅助决策

### 结语

积木BI数据大屏的这次全面升级，不仅增加了丰富的组件，更重要的是提升了设计效率和用户体验。无论你是数据分析师、产品经理，还是企业管理者，都能通过积木BI快速创建专业的数据大屏，让数据发挥更大价值。

[立即体验](https://jimureport.com/templates "立即体验")积木BI数据大屏，开启你的数据可视化之旅！


页: [1]
查看完整版本: 积木 BI 数据大屏重磅升级！11 大全新功能组件，打造更简...