Liferay.Design / Lexicon
/
Get StartedResources
Part of Liferay, IncPowered by Gatsby and Netlify

Stacked Bar Chart

Sign In
View in FigmaView in ClayDocumentation

A Stacked Bar chart compares the values of single items with the total data value.

Stacked Bar Charts can either be displayed in vertical bars or horizontal bars. This page focuses on vertical bars, but horizontal bars are also acceptable.

This chart type is implemented using Bar Charts.

stacked bar chart vertical non-grouped

Color use

The Stacked Bar Chart follows the same color order defined for charts. They must start from left to right in horizontal bars and from bottom to top in vertical bars.

States

Single bar item interaction

stacked bar chart vertical non-grouped

Legend item interaction

stacked bar chart vertical non-grouped

Axis legend interaction

stacked bar chart vertical non-grouped

Something to improve? Report an issue!
Menu