> For the complete documentation index, see [llms.txt](https://docs.getinfinity.app/user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.getinfinity.app/user-guide/comprehensive-user-guide/2.-charts/featured-chart-examples/combo-chart.md).

# 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!
