> For the complete documentation index, see [llms.txt](https://endash-guidance-docs.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://endash-guidance-docs.gitbook.io/docs/dashboard/widget-types/combo-chart-chart-type.md).

# Combo chart (chart type)

* A **Combo Chart** is a hybrid visualization that combines two types of charts, typically a **Bar Chart** and a **Line Chart**, to display data with two different types of measures on the same axis. This allows for a more comprehensive comparison of datasets that are related but may have different value ranges or types.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FA8BvNRTNmKo5PB4AWgfT%2Fimage.png?alt=media&amp;token=972826d7-68bc-4f15-9f0c-a2cb105ab8b6" alt=""><figcaption></figcaption></figure>

* First, click on any "+ Add widget" button to add a widget.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FcGln6TFArBtHa4lrfmd5%2Fimage.png?alt=media&amp;token=2d11c0f1-d8d0-4c29-9624-d320acc97ac4" alt=""><figcaption></figcaption></figure>

* Click on the Combo chart option.
* Click on the Add widget button to proceed.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FKZnhs4Y5TiftIGVstmwv%2Fimage.png?alt=media&amp;token=27178acf-718f-4a45-9dcd-b16032b5fb7b" alt=""><figcaption></figcaption></figure>

* Choose the available Collection or Connection of the data model that has been added.

## Set up your Combo chart

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2Fos45vZwWY5IAAX2fux3f%2Fimage.png?alt=media&amp;token=b0eaca21-0a48-4f79-bc41-ef0a2dcc3c44" alt=""><figcaption></figcaption></figure>

* Click on the X-axis dropdown box and select an available column.
* If you choose a Date type column, the [Time series mode](/docs/dashboard/widget-types/bar-chart-type/bar-chart-time-series-reference-date-preset-and-compare-to-the-past.md) will auto apply to the Combo chart.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2Fd9jlWchROV1S0CSSSsPb%2Fimage.png?alt=media&amp;token=064e4c3b-a511-402c-845e-fb0f55ebdedc" alt="" width="563"><figcaption></figcaption></figure>

* Continue to choose any available column in the Y axis

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2Fdb9PYHXphuHtQPLlpVKl%2Fimage.png?alt=media&amp;token=a0c6c389-6a52-44cf-a97c-0451c8ef7a04" alt=""><figcaption></figcaption></figure>

* After the X Axis and Y Axis columns are selected, the Combo chart of the data model will be displayed.
* The Sum formula will be auto-selected. You can change to other [Formula](/docs/dashboard/footer-formula.md) options by clicking on its dropdown box.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2Fhm6pWYf0Le65DdKYXioV%2Fimage.png?alt=media&amp;token=70fa0873-2107-4e5f-89b2-963a8cba7ef3" alt="" width="396"><figcaption></figcaption></figure>

* If no column of the same type is grouped, you can change it view to Bar or Line chart.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FX1dNklI1txclpz9ExJWC%2Fimage.png?alt=media&amp;token=a8794565-2ce9-492b-90b4-3326882a0863" alt=""><figcaption></figcaption></figure>

* You can also change the axis of the column in the Y axis.

## Group by column

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2F1B9BnGW9UDgBQxr2t6an%2Fimage.png?alt=media&amp;token=ee1cce59-498f-4161-866e-f836258307a4" alt=""><figcaption></figcaption></figure>

* Click on the See more button then click the Group by option.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FAKN9izoF8nyYtAqTpege%2Fimage.png?alt=media&amp;token=3fd3b872-9b27-4791-bd85-32635cf698ef" alt=""><figcaption></figcaption></figure>

* Choose the available column to group by.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FGTEbWte5Ruuo3fdwpf9q%2Fimage.png?alt=media&amp;token=00bf9a47-f809-4c3a-a3d1-cfa90b714a62" alt=""><figcaption></figcaption></figure>

* Each column shall be grouped based on the selected column.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FyPvEKmJ80MHE7Jknar8m%2Fimage.png?alt=media&amp;token=411c25e2-f249-46ea-b25d-71f43d11697e" alt="" width="459"><figcaption></figcaption></figure>

{% hint style="info" %}

* In Group by mode, only 1 chart of each type can be used.
* You can not change the chart if 1 chart type is presented.
  {% endhint %}

## Change to the Combo chart type from another widget

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FiAiyyupHoRUe7o3r5ngg%2Fimage.png?alt=media&amp;token=b5cd36b1-8bbb-4dfb-973a-e405407d220a" alt=""><figcaption></figcaption></figure>

* The Combo chart option can be selected by opening the Settings slider and then clicking on the Properties option.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FOZgxP68orjs7Wl50jb3j%2Fimage.png?alt=media&amp;token=b44acf3a-ea1a-4497-9f04-8b8d1346ee07" alt=""><figcaption></figcaption></figure>

* Click on the View type dropdown and choose the Combo chart icon to begin configuring your data model to the Combo chart.
