积木 BI：开源大屏小神器，大能量多场景大屏，轻松实现导航切换与数据可视化

原创已于 2025-11-18 14:32:18 修改 · 457 阅读

CC 4.0 BY-SA版权

文章标签：

于 2025-11-17 16:24:58 首次发布

随着数据可视化需求的不断提升，单一页面展示大量信息已无法满足多场景、多维度的数据展示需求。积木BI全新上线的导航切换功能，让你在同一个大屏中轻松切换多个版块，支持手动点击切换和自动轮播，真正实现“大屏多屏”效果，极大提升展示的灵活性和互动性。更重要的是，设计小白也能在10分钟内快速完成配置，零门槛打造专业级数据大屏！

一、功能亮点一览

多版块切换：一页大屏支持创建多个数据组合版块，通过导航菜单自由切换，信息分类清晰，展示更有条理。
手动点切 & 自动轮播：支持用户自由点击导航切换，也可设置自动播放，循环展示各版块内容，适合展厅、会议等多种场景。
个性化视觉定制：支持上传常态/高亮图片，实现像素级导航视觉还原，提升大屏质感。
灵活配色与样式：关闭个性化模式后，可用内置样式自由调整配色、字号、背景，满足多样设计需求。
简单易用：拖拽组件+组合图表+绑定导航，步骤清晰明了，10分钟快速上手。

二、效果演示

导航切换效果演示

三、积木BI项目下载

积木报表（JimuReport）是一款免费且专业的数据可视化报表工具，包含报表、打印、大屏和仪表盘功能，采用“像搭积木一样”的在线设计理念，帮助用户快速完成复杂报表和大屏设计。

核心模块：
- JimuReport：主攻传统复杂报表与打印设计，支持企业级多样化报表需求。
- JimuBI：专注于数据大屏和仪表盘的可视化设计，擅长打造动态炫酷交互大屏和专业业务分析仪表盘。
产品特点：
- Web端设计器，类Excel操作，拖拽式设计，所见即所得。
- 支持复杂报表、多样打印方案、门户设计及移动端展示。
- JimuBI实现一次开发，多端适配，涵盖大屏、仪表盘、门户和移动端。
- 大屏设计采用类Word风格，自由拖动组件，轻松打造炫酷大屏。
- 开源协议免费商用，极大降低开发难度和成本。
项目地址：
- 在线体验：http://jimureport.com/login
- 开源项目：https://github.com/jeecgboot/JimuReport

四、详细配置步骤

积木BI数据大屏导航切换全攻略：轻松实现“一屏多屏”，10分钟打造专业互动大屏！

1. 拖入「导航切换」组件

在积木BI设计界面，打开组件库，直接拖入「导航切换」组件到画布中。

拖入导航切换组件

2. 配置导航标题与样式

2.1 修改导航标题

导航菜单中的标题文字及展示数量，可在「数据」面板中自定义编辑。

导航标题修改

建议：标题文字简洁明了，便于用户快速识别版块内容。

2.2 设置切换方式

自动轮播：开启开关，设置轮播间隔（秒），大屏会自动循环播放各个版块，适合展览、监控等场景。
个性化模式：上传「常态图片」与「高亮图片」，实现导航按钮在不同状态下的像素级视觉还原，提升交互体验。

示例效果：
自定义样式：关闭个性化模式，使用内置样式自定义配色、字体大小、背景透明度等，灵活适配各种设计风格。

3. 添加并设计大屏组件

根据数据展示需求，选择所需图表组件拖入画布，设计版块内容。

添加大屏组件

4. 组合图表，实现版块分组

框选属于同一版块的图表，右键选择「组合」，将多个图表合并为一个整体，方便后续导航绑定。
给组合命名（如“产融”），名称即为导航菜单中的锚点名称，便于识别和绑定。

备注：一页大屏可创建多个组合，支持灵活管理多个数据版块。

5. 核心步骤：导航绑定组合

选中导航组件，点击导航标题，再点击「切换组件」按钮，弹出组件列表。
在列表中勾选相应的组合（如步骤4创建的“产融”），完成导航与版块的关联。
按此方法，依次绑定所有导航标题与对应组合，完成整个多版块切换配置。

操作步骤	说明
选中导航组件	准备绑定导航与内容
点击导航标题	选择当前导航项
点击切换组件	弹出组件列表
勾选对应组合	绑定对应数据版块