积木 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 紧密结合,提供从传统报表到炫酷大屏的全方位数据展示解决方案。

优秀的个人博客,低调大师

微信关注我们

原文链接:https://www.oschina.net/news/384061

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

相关文章

发表评论

资源下载

更多资源
优质分享Android(本站安卓app)

优质分享Android(本站安卓app)

近一个月的开发和优化,本站点的第一个app全新上线。该app采用极致压缩,本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario,低调大师唯一一个Java游戏作品

Mario,低调大师唯一一个Java游戏作品

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Eclipse(集成开发环境)

Eclipse(集成开发环境)

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。幸运的是,Eclipse 附带了一个标准的插件集,包括Java开发工具(Java Development Kit,JDK)。

Sublime Text 一个代码编辑器

Sublime Text 一个代码编辑器

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。