> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 组合布局

> 仪表盘提供组合布局组件，用户可通过选择、拖拽图表组件至组合布局的方式满足排版需求，实现仪表盘布局的高度自定义。

## 功能简介

仪表盘提供**组合布局组件**，用户可通过选择、拖拽图表组件至组合布局的方式满足排版需求，实现仪表盘布局的高度自定义。

### 常见使用场景

您可以将相关联的数据内容（如地区销售数据）整合在同一区域展示，提升整体美观度，便于深入洞察数据。

## 操作流程

### 添加组合布局组件

点击仪表盘上方的  **添加图表** ，选择 **组合布局** ，即可完成添加。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/YwlxKh9vB2sYUnZ_/zh/aitable/dashboards/dashboard-components/combo-layout/images/image_t6utvz6CmF.png?fit=max&auto=format&n=YwlxKh9vB2sYUnZ_&q=85&s=4d8fd7d144aa5944d58c85844d166793" alt="" width="890" height="1122" data-path="zh/aitable/dashboards/dashboard-components/combo-layout/images/image_t6utvz6CmF.png" />

### 配置组合布局组件

#### 方式一：拖拽配置

* 支持通过拖拽的方式，将仪表盘中已有的组件移入或移出组合布局组件。

![](https://img.alicdn.com/imgextra/i1/O1CN01gVnZKL1wyGSWFVduE_!!6000000006376-1-tps-2412-1412.gif)

#### 方式二：手动选择

* 对于组合布局外的图表，点击右上方  ，可以选择移入至当前组合布局。
* 对于组合布局内的图表，点击右上方  ，选择移出，该图表即被移出当前组合布局。

![](https://img.alicdn.com/imgextra/i1/O1CN01LKSjT91arvQi4WaBi_!!6000000003384-1-tps-2418-1124.gif)

#### 方式三：点击添加

将鼠标悬停在组合布局范围内，顶部会浮现工具栏，可进行 **移入图表** 操作。点击 **移入图表** ，支持多选仪表盘内图表组件，点击 **移入** 即可完成组件移入组合布局操作。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/IYRFxYn1aQ0DPy0Y/zh/aitable/dashboards/dashboard-components/combo-layout/images/pebble-ember.gif?s=7d644107a6b84d60b8080d82688adcd2" alt="" width="2416" height="1404" data-path="zh/aitable/dashboards/dashboard-components/combo-layout/images/pebble-ember.gif" />

### 管理组合布局组件

#### 工具栏

将鼠标悬停在组合布局范围内，点击顶部工具栏图标，可进行以下操作：

* **复制**：复制当前组合布局组件
* **更换背景色**：修改组合布局背景颜色
* **添加到仪表盘中心：** 组合布局组件添加至仪表盘中心页面
* **复制为图片：** 组合布局复制为图片
* **导出为图片：** 组合布局导出为图片形式
* **删除**：删除该组合布局组件

<img src="https://mintcdn.com/dingtalk-8c0f98e2/YwlxKh9vB2sYUnZ_/zh/aitable/dashboards/dashboard-components/combo-layout/images/image_9sgGCt6v8A.png?fit=max&auto=format&n=YwlxKh9vB2sYUnZ_&q=85&s=fbfa2e716e5672aae9061265529daa50" alt="" width="1610" height="1092" data-path="zh/aitable/dashboards/dashboard-components/combo-layout/images/image_9sgGCt6v8A.png" />

#### 布局调整

* **调整大小**：选中组件后，拖拽右下角可调整尺寸。
* **调整位置**：拖拽组件上方区域可移动组件位置。

## 常见问题

#### 问：支持组合布局内嵌套组合布局吗？

答：不支持。
