---
order: 3
navTitle: 组合图
---
# 仪表板组件-组合图

组合图展示的是同一维度下多个指标系列的数据变化。组合图支持双轴展示不同量级数据，并在单边下支持常规线性图、柱形图、面积图组合、堆积混合等复杂场景展示。

|柱形图和线性图组合|线性图和面积图组合|多系列柱形图和线性图组合|
| -------- | -------- |-------- |
|![柱形图和线性图组合](./images/2020-08-11-10-44-20.png)|![线性图和面积图组合](./images/2020-08-13-09-26-36.png)|![多系列柱形图和线性图组合](./images/2020-08-11-10-46-01.png)|

示例地址：[组合图](https://demo.succbi.com/v5/bi/dcombo)

## 使用组合图组件{#start}

组合图的**x轴**上至少取1个维度，如大区名称等；**Y轴**上至少取两个度量，如销售金额、销售数量等。

**操作步骤**

![组合图](./images/zht.gif)

1. 双击或拖入维度【大区名称】到**X轴**
2. 双击或拖入度量【销售金额】、【销售数量】到**Y轴**
3. 选择【销售数量】>右键>[快速分析](../../design/data/data-analysis/rapid-analysis.md)>**增幅**

通过上述3个步骤即可展示不同大区的服装销售金额和销售数量的增幅变化情况。

## 属性介绍{#properties}

### 显示类型{#display}

组合图可以设置指标的显示类型，在**属性栏**>**组合图**>**显示类型**中进行设置。

![多系列柱形图和线性图组合](./images/2020-08-12-13-54-02.png)

- 柱形：设置系列为柱形，相当于[柱形图](./column-chart.md)
- 线性：设置系列的绘制图形为线性，相当于[折线图](./line-chart.md)
- 面积：设置系列的绘制图形为[面积图](./area.md)

:::tip

- 默认组合为**柱形**+**线性**，即拖入多个度量字段时，第一个系列为**柱形**，其他系列为**线性**。
- [柱形图](./column-chart.md)、[折线图](./line-chart.md)等基础图表也支持单轴和双轴的展示，但双轴组合图可以使用不同的图形来展示不同量级数据。
  :::

### 背景{#background}

组合图可以通过**背景**控制柱形指标柱子的背景填充方式，在**样式**>**系列**>**背景**中进行设置。组合图与柱形图的背景属性定义一致，具体属性设置可查看[填充与背景](./column-chart.md#background)。

![背景](./images/2023-04-27-11-41-00.png)

### 滚动{#scroll}

组合图支持滚动条，可以设置滚动条显示方式、当前页展示数据量、是否循环滚动等，在**组件**>**滚动**中进行设置。。组合图与柱形图的滚动属性定义一致，具体属性设置可查看[滚动](./column-chart.md#scroll)。

![滚动](./images/2023-04-27-11-31-00.png)