# Combo Chart

A **Combo Chart**, also known as a **Combination Chart**, is a powerful visualization tool that integrates both **line and column charts** into a single plot. It allows users to display **multiple data series** or compare **different types of data** on the same chart. This flexibility makes Combo Charts ideal for illustrating relationships between distinct variables, such as comparing **sales revenue (bar) with growth percentage (line)** over time.

### When to Use a Combo Chart

Combo Charts are particularly useful in the following scenarios:

* **Comparing different data types:** When one dataset represents absolute values (e.g., revenue in dollars) and another represents percentages (e.g., profit margin).
* **Showing trends and distributions together:** A **bar chart** can highlight distribution, while a **line chart** can show the trend of a key metric.
* **Visualizing multiple series with different scales:** If two datasets have different units (e.g., sales in dollars vs. number of units sold), a secondary axis can be used to represent them effectively.
* **Highlighting key insights:** The combination of bars and lines can emphasize significant patterns in the data that may not be as apparent in a single chart type.

### How to Set Up a Combo Chart in Infinity

#### 1. Select the Chart Type

1. **Click on the Chart Type dropdown** in the chart editor.
2. Choose **"Combo"** from the available chart types.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FLuUwRW9cdZFMvjeKWYID%2Fimage.png?alt=media&#x26;token=fb47f46a-1f7a-4fd2-8b0f-b306f1fa3b19" alt=""><figcaption></figcaption></figure>

#### 2. Configure Data Series

1. Click **"Add Data Series"** to add the necessary fields:
   * **X-Axis:** Represents the categorical variable (e.g., year, product type).
   * **Y-Axis:** Add one or more series for values (e.g., sales total, profit percentage).

#### 3. Customizing the Combo Chart

After setting up the data, use the **Advanced Editor** to fine-tune the chart:

* **Change individual series types:**
  * Click on the **Series settings** tab.
  * Select a **bar or line** for each series.
* **Modify colors and styles:**
  * Adjust bar colors for better differentiation.
  * Change line styles (solid, dashed, or dotted).
* **Enable or disable markers:** Choose whether to display point markers on the line.
* **Adjust axis labels and scales:** Customize the primary and secondary axes for better readability.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FYWRz24GubRg6Ui84Qjhs%2Fimage.png?alt=media&#x26;token=9d8515dd-f059-42ca-b4b1-3ec6f4328a21" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FqU6QhTTCpkkOA9ddJmpI%2Fimage.png?alt=media&#x26;token=9da0f869-273b-4324-820a-4be5d1243b7b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2F7GqtWFqcV2wD4pp5FcFc%2Fimage.png?alt=media&#x26;token=f9bd7a83-08af-492c-b1f6-18bdd3d6c5a6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2Fvd3ci0RHm8VHHK3Yse7y%2Fimage.png?alt=media&#x26;token=f875f7e7-b16a-407e-a779-a51c14cbfca5" alt=""><figcaption></figcaption></figure>

#### 4. Using the Secondary Axis

If the values of two data series differ significantly, adding a **Secondary Y-Axis** improves clarity:

1. In the **Series settings**, select the data series that should use a secondary axis.
2. Enable the **Secondary Axis** checkbox.
3. Adjust the axis labels, scale, and formatting as needed.

Start using **Combo Charts** today to bring deeper insights to your data analysis!