[]
        
在线Demo 免费试用
(Showing Draft Content)

容器

1. 概述

1.1 功能概述

系统提供容器与选项卡两类布局工具,支持按主题聚合组件实现统一排版,同时可精准配置容器内组件的交叉过滤作用域。

PixPin_2025-06-13_09-33-39

2. 操作步骤

本文将指导您在Wyn中创建和使用容器。

2.1 前提条件

  1. 数据要求: 已完成数据连接与数据准备,本文将以本地Excel文件缓存数据集为例演示操作流程。

  2. 界面要求: 已进入仪表板设计界面,且仪表板至少已绑定一个数据集/数据模型(如“Excel数据-缓存数据集”)。

2.2 操作步骤

2.2.1 添加组件

  1. 仪表板设计界面最左侧,单击组件按钮展开列表,选择容器,按住鼠标左键将其拖拽至仪表板设计区域,成功添加一个容器组件。

    PixPin_2025-06-13_09-13-12

  2. 为容器添加组件

    1)通过拖拽操作,可将其他可视化组件(如柱状图)添加到选项卡组件当中或从该选项卡组件中移除。在每个页签中都可添加不同的可视化组件。

    PixPin_2025-06-13_09-14-37

    2)选中组件,绑定数据。

    PixPin_2025-06-13_09-15-06

    type=info

    提示: 容器组件无法嵌套,即无法将容器组件及选项卡组件添加到容器组件当中。

2.2.2 编辑容器组件

2.2.2.1 调整大小

与其他组件一样,容器组件通过拖拽可调整选项卡的位置及大小。

  1. 移动容器位置时鼠标需要放在选项卡顶部区域进行拖拽。

    PixPin_2025-06-13_09-18-43

  2. 直接在边框拖动可以调整容器大小,但内部组件不跟随变化。如需内部组件同比放大或缩小,需要按住CTRL键,再拖拽即可。

    PixPin_2025-06-13_09-18-26

  3. 可通过拖拽来调整标题区域及容器区域的大小。

    PixPin_2025-06-13_09-18-03

2.2.3 组件属性

  1. 容器设置完成后,可通过以下属性配置进一步优化组件展示效果:

    属性

    说明

    系统图示

    动画

    设置组件入场动画、延迟和持续时间

    PixPin_2025-06-13_09-19-59

    数据交互

    配置组件名称和过滤范围属性

    标题

    组件标题的样式属性

    布局大小

    调整组件位置于整体尺寸

    外观样式

    调整组件外观样式

  2. 容器额外支持以下独有属性:

  • 过滤范围: 在属性设置中,可通过「数据交互>过滤范围」控制容器的过滤范围,外部组件可直接影响内部组件,而内部组件对外部的影响由其过滤范围属性控制。

    • 如容器过滤范围配置为当前容器,则仅能影响同一容器内部的组件,不会影响到容器外部的组件。

    • 如容器过滤范围配置为整个页面,则会影响到容器外部的组件。

      PixPin_2025-06-13_09-29-35

  • 与筛选器一起使用时:

    • 筛选器仅能影响同一容器组件内部的可视化组件,不会影响到容器组件外部的可视化组件;

    • 容器组件外部的筛选器组件,可影响到容器组件内部的可视化组件。

2.2.4 数据探索与分析

  1. 组件内置丰富的数据探索与分析功能,从多角度挖掘数据价值,为您的可视化分析提供专业级支持。

    PixPin_2025-06-13_09-31-14