# Stacked charts

Stacked charts are often used to show the breakdown of a total, such as the distribution of expenses by category or the composition of a portfolio by asset class. They can also be used to show changes in the composition over time, such as the distribution of sales by product or region.

Inforiver offers two variations of stacked charts, they are:

* **Stacked bar chart** - In a stacked bar chart, each section of the bar represents the absolute value of each series. 
* **Percentage stacked bar chart** - In a percentage stacked bar chart, each section of the bar represents the relative proportions of the data series. 

### 1. Adding the chart

In this example, we have 2025 Actuals across regions, and we want to visualize using a stacked chart.

**Step 1:** We have added 'Sub Category' in the **Columns** field, and '2025 Actuals' in the **Values (AC)** field in the **visualization pane**.

<figure><img src="/files/drNb6BgqBKzyLjXuTDH1" alt=""><figcaption><p>Data mapping</p></figcaption></figure>

**Step 2:** Select columns for which you want to insert the stacked/percentage stacked chart. In the following image, all the subcategories columns have been selected.

The bullet/Stacked chart option gets enabled. From the **Bullet/Stacked** chart drop-down, select the **Percentage stacked chart** under the **Others** category.&#x20;

<figure><img src="/files/aRH098XrykBV4VjPcxNd" alt=""><figcaption><p>Column and chart type selection</p></figcaption></figure>

**Step 3:** The percentage stacked chart gets inserted as shown below. You can see the 'Customize' tab in the toolbar and the following [customization options](#2.-customization-options).

<figure><img src="/files/oTFoszkWvkwua1JGcFxM" alt=""><figcaption><p>Stacked bar chart insertion</p></figcaption></figure>

### 2. Customization options

The following customization options are available if you insert either a stacked or a percentage stacked bar chart.

{% hint style="info" %}
Some of these customization options may or may not be available, depending on the type of stacked chart inserted.
{% endhint %}

### 2.1. Sorting&#x20;

From the **Sorting** drop-down, you can set the sorting order of the data series in the chart to either **Ascending** or **Descending**.

<figure><img src="/files/WTKn3LTuu0ShSULZDfjC" alt=""><figcaption><p>Stacked chart sorting option</p></figcaption></figure>

### 2.2. Alignment&#x20;

Using this drop-down, you can set the alignment of the data labels within the bar. You can align the label to the **Left**, **Center**, or **Right** of the bar, the default is Left.

<figure><img src="/files/PM7pvEqgKamsd54ngIzg" alt=""><figcaption><p>Stacked chart alignment option</p></figcaption></figure>

### 2.3. Show axis&#x20;

You can enable this checkbox to display an axis line for reference, above the chart.

<figure><img src="/files/CL0FynyxWPVzGOBhQokb" alt=""><figcaption><p>Stacked chart show axis</p></figcaption></figure>

### 2.4. Series Display

This option lets you change the appearance of the stacked charts. Clicking on this option will open up a **Series Display** model in which you can configure the following properties:

**Theme** - Using this option, you can customize the theme of the chart. The bar colors change depending on the theme chosen. It has the following options: **IBCS***,* **Power BI***,* and **Custom**.&#x20;

* **IBCS** - Set the bar color of values to the default IBCS theme color
* **Power BI** - Set the bar color of values to the default Power BI theme color
* **Custom** - This option lets you set your own custom color for the bars

**Value 1, Value 2,...** - These dropdowns display the columns for which the stacked bar chart is inserted.

<figure><img src="/files/2ZfknwQvUQqoH1T58LBT" alt=""><figcaption><p>Stacked chart appearance options</p></figcaption></figure>

### 2.5. Height Scale

This option lets you customize the height scaling(width) of the bars in the stacked chart. By default, **Individual Scaling** is applied.

**a) Individual** - Using this option you can set the height scaling based on each row.

<figure><img src="/files/qdisHT4ZVXriFap6nIWS" alt=""><figcaption><p>Individual height scale</p></figcaption></figure>

**b) Universal** - Using this option you can set height scaling based on the parent level.

<figure><img src="/files/UTnI5CuYKdypFzXZXbwt" alt=""><figcaption><p>Universal height scale</p></figcaption></figure>

In this section, we covered stacked charts. Navigate to the next section to learn more about [bullet and clustered charts](/working-with-inforiver/6.-working-with-charts/bullet-charts-and-clustered-bar-charts.md).&#x20;


---

# 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.inforiver.com/working-with-inforiver/6.-working-with-charts/stacked-charts.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.