# 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="/files/IUa1OfLULqovPgDlYCHm" 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="/files/EKserr9mxsTxCXG1McLZ" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/pmmtvtKZUeXOMHChAKyT" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/Z1uCl7DTgYs5CvjnUqOQ" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/AFGBrwsmxNV0HEGwHqmc" 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!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.getinfinity.app/user-guide/comprehensive-user-guide/2.-charts/featured-chart-examples/combo-chart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.