Stacked Column Chart

Also known as Stacked Column Graph

1. What is a Stacked Column chart?

A stacked column chart shows the composition and comparison between values across categories. It is a form of column chart that is a series of columns stacked vertically, on top of each other. The height of each series is determined by the value of each data point.

When to use Stacked Column Chart?

A stacked column chart is ideal for:

  • Data that is segmented and added to a whole

  • Comparison across the different columns

  • Compare the individual category of one category across the different columns, specifically whichever category is sitting on the axis, or any category where the bottom of its section of the column is in a consistent place across the columns

  • Compare the size of different categories if they're very different

2. How to build a Stacked Column chart with example

The stacked column chart visually represents the sales revenue over time, providing a breakdown by item types through the use of stacked columns, allowing businesses to easily analyze the revenue contribution of each item type across different time periods and identify trends or patterns in the sales performance of individual product categories over time.

  1. Click Click here to add your first chart

  2. In the menu, select Stacked Column to create a Stacked column chart

3. Stacked Column Chart Config

  1. Select the database you use to create suggested in the list

  2. Choose the table containing the data you use to create, then it will show you the list of fields included in the table

  3. Drag/drop or select the X-Axis value

  4. Drag/drop or select the Y-Axis value

  5. Drag/drop or select the Legend properties (optional)

  6. Drag/drop or select the Breakdown value (optional)

  7. Drag/drop or select the Sorting field to sort out the data in the chart (optional)

  8. Drag/drop or select the Filters field to emphasize a specific data (optional)

  9. You can see the visualization of your chart on the left side and select Settings to change the element’s settings


You can change the title of the chart, choose the font, color and size of the name. You can also add the subtitle and change its format.


You can change each stacked column's display name.


Stacked columns can be shown in Value or Percentage style. You can also group each stacked column by inputting the number of columns you want to group.


You can change the legend position (top, bottom, middle), input the name, choose the font, color and size of the name.

  • X AXIS

When you turn on the X Axis, you can input the Prefix, Postfix and change their format. X Axix title can also be added and change format too.

  • Y AXIS

When you turn on the X Axis, you can input the Prefix, Postfix and change their format. X Axix title can also be added and change format too. If you turn on Gridlines, you can change the size and the display of the Gridlines (solid, dash, dot,...).


Data color can be set auto or you can choose your favorite colors.


If you turn the label on, you can choose its style to perform (percent, value, raw), choose the font, color and size of the label and its position.


You can change the background color of the chart.


When you hover over a stacked column of the chart, a text box appears to display information about the data of that column. You can change the text color, font, and background.


Change the display unit, precision, and other functions

10. After building the chart visualization, click Add to create your chart.

11. Your chart will show up along with actions like sharing, editing, etc.

We hope that the above instructions will be useful to you. Let's have a look at our other articles to learn more about using other charts in data visualization with Rocket.BI.

Last updated