积木 BI:开源大屏小神器,大能量多场景大屏,轻松实现导航切换与数据可视化
随着数据可视化需求的不断提升,单一页面展示大量信息已无法满足多场景、多维度的数据展示需求。积木 BI 全新上线的导航切换功能,让你在同一个大屏中轻松切换多个版块,支持手动点击切换和自动轮播,真正实现 “大屏多屏” 效果,极大提升展示的灵活性和互动性。更重要的是,设计小白也能在 10 分钟内快速完成配置,零门槛打造专业级数据大屏!
一、功能亮点一览
- 多版块切换:一页大屏支持创建多个数据组合版块,通过导航菜单自由切换,信息分类清晰,展示更有条理。
- 手动点切 & 自动轮播:支持用户自由点击导航切换,也可设置自动播放,循环展示各版块内容,适合展厅、会议等多种场景。
- 个性化视觉定制:支持上传常态 / 高亮图片,实现像素级导航视觉还原,提升大屏质感。
- 灵活配色与样式:关闭个性化模式后,可用内置样式自由调整配色、字号、背景,满足多样设计需求。
- 简单易用:拖拽组件 + 组合图表 + 绑定导航,步骤清晰明了,10 分钟快速上手。
二、效果演示
三、积木 BI 项目下载
积木报表(JimuReport)是一款免费且专业的数据可视化报表工具,包含报表、打印、大屏和仪表盘功能,采用 “像搭积木一样” 的在线设计理念,帮助用户快速完成复杂报表和大屏设计。
-
核心模块:
- JimuReport:主攻传统复杂报表与打印设计,支持企业级多样化报表需求。
- JimuBI:专注于数据大屏和仪表盘的可视化设计,擅长打造动态炫酷交互大屏和专业业务分析仪表盘。
-
产品特点:
- Web 端设计器,类 Excel 操作,拖拽式设计,所见即所得。
- 支持复杂报表、多样打印方案、门户设计及移动端展示。
- JimuBI 实现一次开发,多端适配,涵盖大屏、仪表盘、门户和移动端。
- 大屏设计采用类 Word 风格,自由拖动组件,轻松打造炫酷大屏。
- 开源协议免费商用,极大降低开发难度和成本。
-
项目地址:
四、详细配置步骤
积木 BI 数据大屏导航切换全攻略:轻松实现 “一屏多屏”,10 分钟打造专业互动大屏!
1. 拖入「导航切换」组件
在积木 BI 设计界面,打开组件库,直接拖入「导航切换」组件到画布中。
2. 配置导航标题与样式
2.1 修改导航标题
导航菜单中的标题文字及展示数量,可在「数据」面板中自定义编辑。
建议:标题文字简洁明了,便于用户快速识别版块内容。
2.2 设置切换方式
-
自动轮播:开启开关,设置轮播间隔(秒),大屏会自动循环播放各个版块,适合展览、监控等场景。
-
个性化模式:上传「常态图片」与「高亮图片」,实现导航按钮在不同状态下的像素级视觉还原,提升交互体验。
示例效果:
-
自定义样式:关闭个性化模式,使用内置样式自定义配色、字体大小、背景透明度等,灵活适配各种设计风格。
3. 添加并设计大屏组件
根据数据展示需求,选择所需图表组件拖入画布,设计版块内容。
4. 组合图表,实现版块分组
-
框选属于同一版块的图表,右键选择「组合」,将多个图表合并为一个整体,方便后续导航绑定。
-
给组合命名(如 “产融”),名称即为导航菜单中的锚点名称,便于识别和绑定。
备注:一页大屏可创建多个组合,支持灵活管理多个数据版块。
5. 核心步骤:导航绑定组合
-
选中导航组件,点击导航标题,再点击「切换组件」按钮,弹出组件列表。
-
在列表中勾选相应的组合(如步骤 4 创建的 “产融”),完成导航与版块的关联。
-
按此方法,依次绑定所有导航标题与对应组合,完成整个多版块切换配置。
| 操作步骤 | 说明 |
|---|---|
| 选中导航组件 | 准备绑定导航与内容 |
| 点击导航标题 | 选择当前导航项 |
| 点击切换组件 | 弹出组件列表 |
| 勾选对应组合 | 绑定对应数据版块 |
6. 预览与发布
点击「预览」按钮,即可体验导航切换效果:
- 点击导航菜单,切换不同版块内容,数据图表随之切换显示。
- 若开启自动轮播,页面会按设置间隔自动切换版块,动态展示数据。
五、实用场景推荐
- 企业运营大屏:按业务模块划分展示销售、财务、市场等数据,实时切换查看。
- 智慧城市监控:不同区域或系统数据分版块展示,自动轮播监控全局。
- 展会演示大屏:多主题内容一屏呈现,手动或自动切换,吸引观众关注。
- 教育培训平台:课程数据、学员统计、成绩分析分区展示,交互性强。
小贴士
- 导航标题建议简洁且富有辨识度,方便用户快速定位信息。
- 使用个性化模式时,图片尺寸和样式要保持一致,保证视觉统一。
- 组合图表时,注意合理布局,避免切换时画面跳动影响体验。
- 自动轮播间隔时间根据内容复杂度和观众需求灵活调整。
六、总结
积木 BI 全新导航切换功能,极大提升了数据大屏的交互能力和展示灵活性,让 “一屏多屏” 不再是难题。无论是设计小白还是专业设计师,都能快速上手,轻松打造炫酷又实用的专业数据大屏。赶快动手体验,用积木 BI 让你的数据故事更精彩!
积木报表与积木 BI 紧密结合,提供从传统报表到炫酷大屏的全方位数据展示解决方案。












