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:

Company	Sales	Commissions	Misc 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. Select data source

3. Select "Stacked Bar Chart" type from gallery

4. 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.

Feature	Description
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. Select the series that you want to plot on the right-hand axes.
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. You will also have the option to modify the font attributes.
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). Update/customize the count and colors of the gridlines.