搜索
更新人
更新时间 更新日期

1. 简介

1.1 功能概述

布局容器可将多个图表或组件整合在同一个画布中统一管理。支持标签页切换和自动轮播,有效提升仪表盘的信息密度与展示效果。

1.2 应用场景

  • 销售仪表盘整合 :销售管理者将“销售简报”“业绩排行”“回款统计”三个图表分别放入三个标签页,点击标签页即可切换查看不同维度的销售数据。
  • 运营数据看板轮播 :运营人员将“日活跃用户”“新增用户”“留存率”等指标分别放入不同标签页,开启自动轮播后在大屏上循环展示各项运营数据。
  • 项目进度总览 :项目经理将不同项目的进度图表放入布局容器,通过标签页区分展示,一个画布即可掌握全部项目状态,无需跳转多个页面。

1.3 版本说明

布局容器功能在所有版本中均可用。但其自动轮播功能在免费版中使用受限,具体请参考 版本定价

2. 设置入口

操作路径 :点击目标仪表盘 >> 点击右侧上方的 「编辑」 按钮,进入仪表盘设计界面 >> 在左侧工具栏中找到 「布局容器」 组件,点击即可添加。
布局容器设置入口示意图

3. 操作指南

3.1 添加布局容器组件

在左侧工具栏中找到 「布局容器」 组件,点击即可将组件添加至当前仪表盘中。
添加布局容器组件示意图

3.2 添加图表或组件

布局容器支持以下两种添加方式:
3.2.1 直接添加
先选中画布中的布局容器,再从左侧工具栏点击图表或组件,该组件会自动添加进当前选中的布局容器内。
直接添加图表到布局容器演示动图
3.2.2 通过“移动”功能添加
操作步骤:
1)选中画布中需要移入布局容器的图表或组件。
2)点击图表或组件右上角的 「移动」 按钮。
3)在弹出的列表中选择目标布局容器。
4)该图表或组件即移入容器。
通过移动功能添加已有图表演示动图

3.3 开启标签页

平台支持为布局容器设置多个标签页,每个标签页可放置不同的图表或组件。
3.3.1 开启标签页开关
操作步骤:
1)选中画布中的布局容器。
2)在编辑面板的「组件配置」区域,找到「标签页」开关,点击开启。
开启标签页开关示意图
3.3.2 选择标签页样式
开启标签页后,平台提供8种预设样式供选择。点击「样式」下拉框,根据使用习惯选择合适的标签页样式。
选择标签页样式演示动图
3.3.3 设置标签页
  • 重命名 :点击标签页名称旁的编辑图标,输入新名称即可。
重命名标签页示意图
  • 排序 :长按标签页标题前方,拖拽调整排列顺序。
标签页排序演示动图
  • 添加标签页 :点击标签页区域下方的 「+ 标签页」 按钮,新增一个标签页。
添加标签页示意图
  • 删除标签页 :将鼠标悬停在标签页上,点击出现的「🗑」按钮删除。
3.3.4 开启自动轮播
自动轮播开启后,系统将按设定的间隔时间依次循环展示各标签页内容。
操作步骤
1)在布局容器编辑面板中,开启「自动轮播」开关。
2)设置轮播间隔时间(单位:秒)。
3)保存仪表盘后生效。
开启自动轮播演示动图

3.4 调整组件的排列与大小

  • 排列 :在容器内长按图表或组件的标题区域,拖拽调整排列顺序。
调整组件排列顺序演示动图
  • 调整大小 :选中图表或组件后,拖拽其右下角的缩放手柄调整显示尺寸。
调整组件大小演示动图

4. 效果演示

完成布局容器的配置后,用户可获得整洁高效的仪表盘展示效果。以实际操作为例:管理员在销售仪表盘中添加一个布局容器,开启3个标签页,分别放入“产品信息”“客户信息”“销售订单”三个明细表。查看数据时只需点击标签页即可切换图表,无需滚动页面。
布局容器最终使用效果演示动图

5. 注意事项

  • 添加布局容器后需 立即保存 仪表盘,否则画布可能无法正常显示。
  • 自动轮播功能仅在 电脑端 生效,移动端不支持此功能。