# Bar (chart type)

## Overview

* The Bar chart is a graphical representation of data in which rectangular bars of varying lengths are used to represent different categories or groups

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

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

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

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

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

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

## Set up your Bar chart

<figure><img src="/files/HpfhSvNUcQevgDwGodaM" 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 Bar chart.

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

* Continue to choose any available column in the Y axis.

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

* After the X Axis and Y Axis columns are selected, the Bar 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="/files/zVcW5ZHikLCJxPzQhFJe" alt="" width="345"><figcaption></figcaption></figure>

* You can further visualize your Bar chart by clicking on the Group by button and selecting its value.

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

* Select any available column for Group by option.

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

* Click on the X icon next to the Group by button to delete that value.

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

* While there is a Group by column, you can click on this button to separate the column based on the X axis.

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

* Hovering on the bar chart to view the value of the details.

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

* You can click on the 🖊 icon to [customize](/docs/dashboard/custom-column-configuration.md) the column.

## Change to the Bar chart type from another widget

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

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

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

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

***

<table data-view="cards"><thead><tr><th align="center"></th></tr></thead><tbody><tr><td align="center"><a href="/pages/4qVRN7YjMEnQxbhbj3cE">Bar chart - Horizontal and Vertical type</a></td></tr><tr><td align="center"><a href="/pages/xrF06ZYgygK9H326KSDG">Bar chart - Filter</a></td></tr><tr><td align="center"><a href="/pages/RKeJ7Nqnztk9CwPrJSYV">Bar chart - Sort</a></td></tr><tr><td align="center"><a href="/pages/rkYCzKpPgY1gluCtGkjY">Bar chart - Time series - Reference date preset and Compare to the past</a></td></tr></tbody></table>


---

# 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://endash-guidance-docs.gitbook.io/docs/dashboard/widget-types/bar-chart-type.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.
