> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/governed-dashboards-5/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/governed-dashboards-5/charts-gallery/charts/pyramid-chart.md).

# Pyramid Chart

{% hint style="success" %}
*Check out the below given walk-through on how to use the Pyramid chart component in Designer module.*
{% endhint %}

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2Fqx8b6JtHpjLMz7BY0Uny%2FPyramidChart.gif?alt=media&#x26;token=77345b06-c29b-4d19-8546-6087ee749304" alt=""><figcaption></figcaption></figure>

Pyramid charts are used when items need to be shown in a hierarchical structure. Generally, the chart will be a triangle sliced into no of parts. The items and topics will be represented in a progressive order based on quantity and size.

## **Best Situations to Use a Pyramid chart**

### **Hierarchical Breakdown**&#x20;

To represent levels of hierarchy in an organization or a process.

### **Variations of this chart**

Inverted Funnel Chart & **Funnel Chart:** This is just a reversed format of the Pyramid chart.

## **Default Chart Image**

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FWDf9GBOjv8iE8RIMStV9%2FDefault%20Chart%20Image.png?alt=media&#x26;token=b6c92264-888d-47e9-9728-441a0e021956" alt=""><figcaption></figcaption></figure>

## **Properties of the Pyramid chart**

### **General**

The user can change the height, width, top, left values and change the series colors.

<figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/DRGNOrLKZjKgJeynjnWb/image.png" alt=""><figcaption></figcaption></figure>

### **Background**

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

<figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/AsRMP30UgmzbsTnKgb53/image.png" alt=""><figcaption></figcaption></figure>

### **Tooltip**

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

<figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/y5dCmlMFszd8EECDNDLn/image.png" alt=""><figcaption></figcaption></figure>

### **Title**

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

<figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/4WDLGVn8R9Rbyv56GuMR/image.png" alt=""><figcaption></figcaption></figure>

### **Subtitle**

The user can enable the subtitle to display the second title. The user can change the Name, Font color, Font size, Font style for the subtitle.

<figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/Y7OYExC2yeYFKIt2mlXv/image.png" alt=""><figcaption></figcaption></figure>

### **Legend**

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

<figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/0qYaFXdCslqQxoWUO97V/image.png" alt=""><figcaption></figcaption></figure>

### **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.

<figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/2wx2WVeUvxMX2VyIYyxB/image.png" alt=""><figcaption></figcaption></figure>

### **Export Options**

The Export Options also helps to provide heading, subheading, file name. The user can also select an option for ***Global Export Type***.

<figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/Wgq632QOdr3nO98Nlu7H/image.png" alt=""><figcaption></figcaption></figure>

The user can enable the ***Enable Context Menu*** from the preview section to download the reports in different formats.

<figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/xnUOkUJZSkrm9ZxF4pGC/image.png" alt=""><figcaption></figcaption></figure>

## **Pyramid Timeline chart by changing the Properties**

<figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/VzAMCld9jcO5wymptHHm/image.png" alt=""><figcaption></figcaption></figure>

## Sample Data&#x20;

Download the given sample data and map it as mentioned below to plot your ***Pyramid*** chart.&#x20;

Use the ***Stage*** column as ***Category*** field, ***Count*** column as ***Series*** field *to plot data.*&#x20;

{% file src="/files/kbf5SqtPGOkc879G7rnG" %}