在项目建设的过程中，经常有多模块重复组件、自定义拼接组件、组合展示需求。为助力用户更加高效、灵活地搭建可视化项目，EasyV提供了组件容器功能。

例如，在上图的医疗可视化大屏中：

• 通过拖拉拽，添加两个【翻牌器】组件，进行自定义组件的拼接，展示实时数据和数据变化情况。通过图片、翻牌器组件、形状组件的自定义拼接，展示医院门诊情况。

• 通过数据驱动，按照设定的自动布局，批量渲染生成了多个相同的实例数据模块和门诊情况展示模块。

快来看看怎样使用组件容器进行大屏搭建吧👇

一、基本概念

📦 组件容器：自定义拼接组件的生产容器，容器大小即为各实例对外可视区域大小。

🧩实例：

添加【标题】、【3D饼图】组件，进行自定义拼接

二、样式设置

2.1 基本属性

2.2 自动布局

固定行数：当选择固定行数时，填写行数后，实例会按照预设的行数，优先排布行数进行展示。例如数据有7条时，行数设置为2，则数据展示为两行 (优先保证充满两行）。行数设置为3，则数据展示为三行 (优先保证充满三行）。
固定列数：当选择固定列数时，填写行数后，实例会按照预设的列数，优先排布列数进行展示。例如数据有7条时，列数设置为2，则数据展示为两列 (优先保证充满两列）。列数设置为3，则数据展示为三列 (优先保证充满三列）。

间距：可手动设置各个实例之间的行距和列距。

2.3 滚动设置

① 当【自动布局】选择【固定行数】时，自动滚动方式为左右滚动。

三、组件容器的编辑模式

操作步骤：

step 1.双击进入容器内自定义拼接组件、调整样式大小等。（此处以标题和3D饼图组件为例）

四、数据接入

组件容器数据分发

step 1.组件容器接入数据源

本文中的数据

step 2.自定义组件标识

双击进入组件容器编辑界面，分别对【标题】和【翻牌器】组件做修改：

（1）数据源类型选择接收组件容器数据；

给翻牌器、标题自定义输入标识

五、交互配置

组件容器内的任意实例都可与内外部完成自定义交互配置，可通过选中特定实例项进行交互。

交互方式1：组件交互组件容器整体

可选择交互对象为组件容器，可交互动作为平台通用动作以及轮播相关动作。

🧩例如：

交互方式2：其他组件交互组件容器内任意实例