CommunityHire an ExpertSign Up
ChartsType: Stacked Bar Chart
Charts

Type: Stacked Bar Chart

Chart type overview.

The Stacked Bar chart layout allows you to compare data in a part-to-whole manner, over time or across categories.

The setup is similar to that of a Bar Chart with a unique feature: it allows the presentation of subcategories within a single bar (stacked), as opposed to showing each subcategory with a separate bar.

Example

Let’s say you are a sales manager and you want to analyze bookings by month, split by deal owners. You want to both understand what is the total sum of won deals, as well as how each sales person (deal owner) contributed.

Here is the output chart we aim at preparing:

Notion image

Setting up the chart

Take a look at the Airtable base example. It has different deals at different sales stages, close dates and deal owners.

Airtable base with sales information

Airtable base with sales information

Having a base, let’s add a Stacked Bar Chart block, and configure it.

Conditional filters – let’s take into account only the deals with a Deal stage: Won

Notion image

Aggregate function – we want to SUM all the deal values

Notion image

Groupings

Then we want to group these won deal values by the deal close date, with a month time interval →

Notion image

Finally, we want to further group the data by deal owners →

Notion image

The Stacked Bar Chart block is ready:

Notion image

Show and hide data point labels

Sometimes labels on stacked bars can look a bit too crowded, so among options shared with other chart types, the Stacked Bar Chart has an additional option to decide whether to show data point labels on stacked bars.

Notion image

Show data point labels: ON

Show data point labels: ON

Show data point labels: OFF

Show data point labels: OFF

Use these docs with your AI tools

An AI agent can read this documentation directly. You do not need an account or an API key. Everything here is public and read-only.

Query these docs via MCP

Recommended

Add this server to Claude, Claude Code, Cursor, Mistral, or any tool that supports MCP. Your agent can then search Softr Documentation documentation and read it in full, instead of answering from memory.

https://docs.softr.io/mcp
  • searchFind the passages that answer a question.
  • fetchRead one page in full, as Markdown.
  • list_pagesSee every page in this documentation.

Query these docs over HTTP

The same tools also work as plain web requests. Use this for scripts, or for any tool that does not support MCP. There is one endpoint per tool. Arguments go in the query string, and the answer comes back as JSON.

https://docs.softr.io/api/docs/search?query=custom+domain

Read the OpenAPI description. It is built from the same definitions as the tools, so it always matches what the endpoints do.

Read these docs as Markdown

Add .md to any page URL to get its Markdown source. You can also send the headerAccept: text/markdown to the page URL itself.

To read the whole documentation in one file, open llms-full.txt. For a short index of every page, open llms.txt.