Stacked Bar Chart

In this article, we will explain how to create and customize a stacked bar chart. So let's get started!

A stacked bar chart with multiple series is a chart that visualizes multiple sets of data using horizontal bars of different lengths. The data is displayed as a series of stacked bars, with each series represented by a different color or pattern. The bars are typically organized vertically, and the length of each bar represents the combined magnitude of all the series it represents.

Here is an example of a stacked horizontal bar chart with multiple series:

This stacked horizontal bar chart shows the sales, commissions, and misc. income data for five different companies. The sales data is represented by the blue series, the commissions data is represented by the orange series, and the misc. income data is represented by the green series.

Sample data:

CompanySalesCommissionsMisc Income

Company A

50,000

20,000

10,000

Company B

75,000

30,000

15,000

Company C

100,000

40,000

20,000

Company D

125,000

50,000

25,000

Company E

150,000

60,000

30,000

How-to build a stacked bar chart?

  1. Navigate to Add New Chart screen

  2. Configure and customize the chart to create the desired visualization.

Stacked bar chart configuration:

1) The configuration shown illustrates how to map the sales on the x-axis and the products on the y axis in order to generate the line chart.

PS: You can change the sequence of stack series by changing the order of the series in the data mapping section as shown above.

2) To customize the appearance of an area chart, follow these steps:

  1. Click on the "Customize" tab

  2. Go to "Series" and select the desired data series

  3. Select the desired customization options, such as color, line type, line thickness, point shape, point size, data points, right/left axes representation, and more

This allows you to tailor the appearance of the chart to your specific needs and preferences. You can customize a variety of options to create a chart that effectively communicates your data and insights.

Stacked horizontal bar charts with multiple series are often used to visualize the contribution of each series to the total at each data point. They can be particularly useful for showing the distribution of values within a dataset and for highlighting trends and patterns in the data.

Stacked bar chart customization options:

Infinity offers many customization options for your chart. To access these options, click on the customize tab in the chart builder screen. This will display a list of customization options.

Here is a list of notable customization options for the line chart.

FeatureDescription

Aggregation

To create an aggregation, click on the data series chip in the data mapping section and choose the desired aggregation.

There are various aggregation options available based on the data type.

Renaming the Data Series

To rename a data series, click on the data series chip in the data mapping section. A pop-up will appear, allowing you to change the name and any aggregation options.

Dual Axes or Right hand Axes

To enable dual axes, follow these steps:

  • Click on the customization tab.

  • Click on series.

Titles

To change the titles, follow these steps:

  • Click on the customization tab.

  • Click on the horizontal (or) vertical axes.

  • Proceed to change the titles.

Chart Background

To change the chart background, follow these steps:

  • Click on the customization tab.

  • Click on the chart background.

  • Proceed to selecting the desired color.

Padding and Zoom

To change the padding and zoom, follow these steps:

  • Click on the customization tab.

  • Click on the padding and zoom accordion.

  • Proceed to customize the padding and zoom attributes for your chart.

Legend

To customize the legend, follow these steps:

  • Click on the customization tab.

  • Click on the legend accordion.

  • The platform offers four legend options: top, bottom, right, or none.

  • You can also configure the legend font here.

Axes

To customize the axes, follow these steps:

  • Click on the customize tab.

  • Select the desired axes (horizontal for X, vertical for Y, and right vertical for secondary Y).

  • Proceed to changing the title, fonts, labels, order of axes, scale, or even add formatting such as $ or %.

Gridlines

To change the grid lines, follow these steps:

  • Click on the customize tab.

  • Select the gridlines accordion.

  • Select the orientation (i.e. vertical or horizontal).

Last updated