Stacked Bar Chart
In this article, we will explain how to create and customize a stacked bar chart. So let's get started!
Last updated
In this article, we will explain how to create and customize a stacked bar chart. So let's get started!
Last updated
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:
Navigate to Add New Chart screen
Select data source
Select "Stacked Bar Chart" type from gallery
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:
Click on the "Customize" tab
Go to "Series" and select the desired data series
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.
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.
| Company | Sales | Commissions | Misc Income |
|---|---|---|---|
| Feature | Description |
|---|---|
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
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).
Select the series that you want to plot on the right-hand axes.
You will also have the option to modify the font attributes.
Update/customize the count and colors of the gridlines.
