Search
K
Comment on page

# 100% Stacked Bar Chart

In this article, we will explain how to create and customize a 100% stacked bar chart. So let's get started!
A 100% stacked horizontal bar chart is a type of horizontal bar chart where the x-axis is scaled to a range of 0-100%. This means that each series is displayed as a percentage of the total rather than an absolute value.
Here is an example of a 100% stacked horizontal bar chart with multiple series:
This 100% stacked horizontal bar chart shows the expenses, and profit data for a company over a five-year period. The expenses data is represented by the blue series, and the profit data is represented by the green series.
Sample data:
Year
Expenses (\$)
Profit (\$)
2000
20,000
10,000
2001
25,000
15,000
2002
30,000
20,000
2003
35,000
25,000
2004
40,000
30,000

### How-to build a 100% stacked bar chart?

1. 1.
Navigate to Add New Chart screen
2. 2.
Select data source
3. 4.
Configure and customize the chart to create the desired visualization.

### 100% 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. 1.
Click on the "Customize" tab
2. 2.
Go to "Series" and select the desired data series
3. 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.
100% stacked horizontal bar charts are often used to compare the relative contribution of each series to the total over time. They can be particularly useful for showing the distribution of values within a dataset and for highlighting trends and patterns in the data.
Here are a few useful tips for creating 100% stacked horizontal bar charts:
1. 1.
Make sure to clearly label the chart and include a legend to explain the different series.
2. 2.
Use a consistent scale for the x-axis to allow for easy comparison of the different series.
3. 3.
Use a meaningful scale for the y-axis, such as categories or time periods, to help readers understand the context of the data.
4. 4.
Consider using a different type of chart, such as a stacked bar chart or a grouped bar chart, if you have a large number of series or if you want to show more detailed information.
5. 5.
Use colors and patterns effectively to differentiate between the different series and to make the chart more visually appealing.
6. 6.
Use tooltips or data labels to provide more detailed information about specific data points.
7. 7.
Consider using a horizontal bar chart instead of a 100% stacked horizontal bar chart if you want to show absolute values rather than percentages.

### 100% 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.
• 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.