> For the complete documentation index, see [llms.txt](https://docs.getinfinity.app/user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.getinfinity.app/user-guide/comprehensive-user-guide/2.-charts/featured-chart-examples/100-stacked-column-bar-area-chart.md).

# 100% Stacked Column/Bar/Area Chart

A **100% Stacked Column Chart** is a variation of the stacked column chart where each column represents the total value of all categories combined, normalized to **100%**. This type of chart is useful for **visualizing relative contributions** of different categories while maintaining a consistent scale. Instead of displaying absolute values, the chart focuses on **percentage distributions** within each column, making it easier to compare proportions across categories.

### **When to Use a 100% Stacked Column Chart**

* **Comparing proportional contributions across groups** (e.g., sales distribution by region over different years).
* **Understanding part-to-whole relationships** while removing the impact of differing total values.
* **Tracking changes in category composition over time** while keeping the focus on relative changes rather than absolute values.

### **How to Set Up a 100% Stacked Column Chart in Infinity**

#### **1. Selecting the Chart Type**

1. Navigate to the **Chart Type** dropdown in the chart editor.
2. Select **"100% Stacked Column"** from the available chart options.

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

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

#### **2. Configuring Data Series**

1. Click **Add Data Series** and set up the required fields:
   * **X-Axis:** Choose the categorical variable (e.g., time period, product category).
   * **Y-Axis:** Select the values to be represented as **stacked proportions**.
2. The chart will automatically normalize values to **100% per column**, ensuring that each column maintains a uniform scale.

#### **3. Customizing the 100% Stacked Column Chart**

* Adjust **colors and labels** to clearly distinguish different categories.
* Modify the **legend settings** to improve readability.
* Fine-tune the **tooltip display** to show percentage values instead of absolute numbers.
* Customize **axis labels** to ensure clarity in representing data distributions.

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

### **Other 100% Stacked Charts**

The **100% Stacked Column Chart** follows the same setup and customization principles as **100% Stacked Area Charts** and **100% Stacked Bar Charts**. While we are not covering those charts in detail, the **configuration and options remain identical** across these formats. Whether using **columns, bars, or areas**, the key feature of a **100% stacked chart is the normalization of values to percentage-based distributions**, allowing for easy comparison of relative contributions within each category.