# Bar Chart

Bar Charts are useful for comparing classes or groups of data. They are one of the most commonly used types of graph because they are simple to create and very easy to interpret. Several variations are included in the standard bar chart like stacked bar charts, grouped bars chart, and horizontal bar charts.

## **Best Situations to Use Bar chart**

* To interpret small data sets.
* User can perform observations over a perio&#x64;**.**
* Examples: Quarterly sales of an organization, Percentage of change in sales or revenue.

## **Variations of this chart**

* **Use stacked bar charts:** Where multiple categories can be clubbed together on top of each other, which makes addressing multiple questions easy.
* **Use bars side by side:** Where comparison between multiple categories becomes easier instead of toggle between charts.
* **Add color for quick insight:** Displaying the bars with colors will make users to pay quick attention to important tasks.
* **Plotting data on both axis:** Data can be plotted both on positive and negative axis for identifying the trends

## **Default Visualization of the Chart**

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FBEZOcUKVhbWHgNedGQnR%2Fdefault.png?alt=media&#x26;token=0b845720-b087-4962-adce-1a483d993357" alt=""><figcaption></figcaption></figure>

## **Properties of the Bar Chart**

**Axis Setup**&#x20;

The user can Enable the Auto axis, the Base Zero value, Horizontal & Vertical marker line, zero marker line and can change the color of lines, increase and decrease the color Transparency by opacity.

![](/files/gFcHRbJ35RTdbDJ6T5Tm)

**Background**

The user can change the background color of the chart, can get the border for the chart and can change the border color, can get the reflection of the chart by enabling the shadow option can also change the color and increase & decrease the transparency of the shadow.

![](/files/pIYRTBL98c9j1LaVOREW)

**Formatter**

The user can change Y-axis values in units to %, T, Lacs, M, etc. Precision if we want the value in decimal format. Currency if we want the value in INR, Pound, USD. Position of the currency if it's in prefix and currency in Rupee then the sign will be seen in left-side if it's in suffix then it will be seen in right-side. Number Formatter if we want it in Indian or international.

![](/files/89OC5U1URh5g6hDIm79E)

**General**

The user can change the height, width, top, left, chart type, column type & Line form. In this case, we have changed the Chart type to Clustered and Base type to plain.

![](/files/2d6lVdN5PEopD46xIKKd)

**Legend**

The user can enable the internal legend if we want to show and can change the font size, color, style.

![](/files/MJDOwRmBtAWapOJOYGtF)

**Subtitle**

The user can enable the subtitle if we have any second title and also, we can change the Name, Font color, size, style, etc.

**Title**

The user can change Title Name, Font color, size, style, etc.

![](/files/w1jOxhQYuw3r7n3HM1bF)

**Tooltip**

The user can show the description of the series can use the tooltip by enabling it.

![](/files/BirU2FicpqgdvXfq143L)

**X-Axis**

The user can change the axis name, Font color, Font size, Enable the axis line, and changed the axis color.

![](/files/SN8vtLrlGYQTlbEecYgU)

**Y-Axis**

The user can change the axis name, Font color, Font size, Enable the axis line, and changed the axis color.

![](/files/Oe0ZWmfRI21fpv9zEftO)

**Export Options**

The user can export the chart by configuring the required fields given for this option.

![](/files/9ARzJQMzR9oLMHoKDbMq)

## **Dataset Series properties**

The user can change the color of each series by selecting any of the series and enable the Data Label which shows the Value of each Revenue & Expenses.**​**

### **Modified Dataset Pallet Properties:**

![](https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2Fj5hUQg0L5Ft7vlrAfCw2%2Fdataset-1.png?alt=media\&token=6a4715dd-4bac-47ef-8442-c54bd0a1f6db)

## Data used

The following data was used to generate the given example:

| Year | Expense | Revenue |
| ---- | ------- | ------- |
| 2008 | 85      | 80      |
| 2009 | 100     | 95      |
| 2010 | 120     | 135     |
| 2011 | 140     | 180     |
| 2012 | 140     | 180     |
| 2013 | 140     | 180     |
| 2014 | 140     | 180     |
| 2015 | 140     | 180     |

* Use the ***Year*** column as ***Category*** field and the other columns as ***Series** to plot data as shown in the given examples below:*&#x20;

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark> The Category field can be any data type line, string, or numeric. But, Series fields can be only numeric data type.*
{% endhint %}

## Various Variants of Bar Chart

It is possible to get the following **variants of the Bar chart** by changing the Properties.

### Clustered Chart with Plain Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FnWx6N8fRyvUM2mTMoVaK%2Fclustered-plain.png?alt=media&#x26;token=d422a07e-3e80-44e3-9241-2fbf217817c7" alt=""><figcaption></figcaption></figure>

### Clustered Chart with Rectangle Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FjEMbJxxp6HLCKU9dt9eY%2Fclustered-rectangle.png?alt=media&#x26;token=6fe838b0-e22e-4ecb-b2fb-ecd456d337d4" alt=""><figcaption></figcaption></figure>

### Clustered Chart with Chevron Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FSqDmRIJk7OJH4WL4E2zE%2Fclustered-chevron.png?alt=media&#x26;token=4c40a761-d53f-43c9-a782-d57dfbc1408e" alt=""><figcaption></figcaption></figure>

### Clustered Chart with Gradient1 Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2F69wLh9movnJ9OFymmJcX%2Fclsutered-gradient-1.png?alt=media&#x26;token=e1be7cdf-80f3-41ad-a977-a042310cec66" alt=""><figcaption></figcaption></figure>

### Clustered Chart with Gradient2 Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FoDSK6KyQDssSfjL1OPjU%2Fclustered-gradient-2.png?alt=media&#x26;token=ba7a1e59-0153-4055-ad1d-b040681ef4e3" alt=""><figcaption></figcaption></figure>

### Clustered Chart with Gradient3 Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2F3VKHCIYvbZ5zYZv7KLeb%2Fclustered-gradient-3.png?alt=media&#x26;token=9726bf44-e3b8-4988-9b6b-e9de4477042f" alt=""><figcaption></figcaption></figure>

### Stacked Chart with Plain Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FBVhxJ3PTu0zKRQkZQXh3%2Fstacked-plain.png?alt=media&#x26;token=6f6517a9-decf-45b4-bafb-3c19eb05a777" alt=""><figcaption></figcaption></figure>

### Stacked Chart with Rectangle Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FZLVGOyjxTatpFhzueM2J%2Fstacked-rectangle.png?alt=media&#x26;token=803cad40-c03d-4192-90e4-b844b37f7c7b" alt=""><figcaption></figcaption></figure>

### Stacked Chart with Chevron Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2F7vrHiH2UV2SZ6ORmAF0X%2Fstacked-chevron.png?alt=media&#x26;token=b1479ee2-d0fc-4d0c-96cd-9c50520c4130" alt=""><figcaption></figcaption></figure>

### Stacked Chart with Gradient1 Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2F462Yh28Uwn42RQ3XlNUy%2Fstacked-gradient-1.png?alt=media&#x26;token=f3072427-1b6c-46dd-b517-6d3d1a131db1" alt=""><figcaption></figcaption></figure>

### Stacked Chart with Gradient2 Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2Fi6eb6UWDGTzObBmIbxbx%2Fstacked-gradient-2.png?alt=media&#x26;token=28b650d5-649e-4c3f-9365-5474b6482e1e" alt=""><figcaption></figcaption></figure>

### Stacked Chart with Gradient3 Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FyXGvUoKSbYDmYSdNCXUZ%2Fstacked-gradient-3.png?alt=media&#x26;token=5ecf306d-59cc-41ac-a18e-2fde9dc3d010" alt=""><figcaption></figcaption></figure>

### Overlaid Chart with Plain Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FXIqwhWOuG3gr4tO0NDXR%2Foverlaid-plain.png?alt=media&#x26;token=93b3ffee-366b-4994-b822-6d589761fc82" alt=""><figcaption></figcaption></figure>

### Overlaid Chart with Rectangle Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FpIacvFfs7YFyR14VUpaE%2Foverlaid-rectangle.png?alt=media&#x26;token=1af71db9-023b-459a-a774-6ae35b22253d" alt=""><figcaption></figcaption></figure>

### Overlaid Chart with Chevron Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FkiJkjbzZiq4B565RwRUb%2Foverlaid-chevron.png?alt=media&#x26;token=c557fda8-606b-4596-a7b3-a67f2534ac1e" alt=""><figcaption></figcaption></figure>

### Overlaid Chart with Gradient1 Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2Fs0WDNOYwtoIOQHsyAl8d%2Foverlaid-gradient-1.png?alt=media&#x26;token=fca8842b-89c1-430d-ac2b-4fd695398008" alt=""><figcaption></figcaption></figure>

### Overlaid Chart with Gradient2 Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2F5BdNSpIbzC59vY8gb5i2%2Foverlaid-gradient-2.png?alt=media&#x26;token=66e51931-013d-473b-a3db-2e753c4ae91e" alt=""><figcaption></figcaption></figure>

### Overlaid Chart with Gradient3 Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FE0wlrs5RhoiHkD5tx08C%2Foverlaid-gradient-3.png?alt=media&#x26;token=25bc98cb-9027-4819-97d2-70baef7638a5" alt=""><figcaption></figcaption></figure>

### 100% Chart with Plain Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2Fmbp6wMzHNf9GGxg7faVS%2F100-plain.png?alt=media&#x26;token=483276bf-a4bf-43e4-9d3e-60a99d913c31" alt=""><figcaption></figcaption></figure>

### 100% Chart with Rectangle Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FxFOdgKl5Snxvo5UQlIdP%2F100-rectangle.png?alt=media&#x26;token=ec582819-d111-4834-9c4f-949e1ea8575b" alt=""><figcaption></figcaption></figure>

### 100% Chart with Chevron Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FlTK4KeWKNvcH5zgz7HT6%2F100-chevron.png?alt=media&#x26;token=d943c210-c01a-4778-bb67-ac4a0a7f2946" alt=""><figcaption></figcaption></figure>

### 100% Chart with Gradient1 Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2F4DLuV2REOXfRYPhOLHTt%2F100-gradient-1.png?alt=media&#x26;token=761d97f6-803e-4c95-a7cf-7db5a7c729f4" alt=""><figcaption></figcaption></figure>

### 100% Chart with Gradient2 Base

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FpYZaPCwQ7HJwGe1XoKPw%2F100-gradient-2.png?alt=media&#x26;token=d5ab58df-a646-46c1-9d37-0710c066593e" alt=""><figcaption></figcaption></figure>

### 100% Chart with Gradient3 Base

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


---

# 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.bdb.ai/governed-dashboards/charts-gallery/charts/bar-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.
