Stacked Bar Chart
Overview
A stacked bar chart is a bar chart that displays data series as columns. A chart may contain one or more data series. If you display multiple data series on a bar chart, the series are displayed above one another (bars are stacked). Bars are visualized on the chart according to this rotation. All displayed data series constitute a separate column of different color. Each bar is separately displayed in the legend. The legend shows the user the type of data for each series. Users are allowed to enable or disable each bar by clicking on legend items.
Customization
Bar colors on a horizontal bar chart are automatically chosen but can also be specified. By default, columns contain all associated values and the bars’ corners are not rounded. You can change these settings, rounding off bar corners. You can also control where each data point is displayed or if they should be displayed at all.
Marker settings also work with horizontal stacked bar charts, but they only modify the legend’s appearance; markers are not displayed on individual columns. Markers are not displayed on columns, therefore users can select data points and display a tooltip by clicking on the entire area of a bar.
Features
Lasso | Brush | Zoom | Dot Tooltip | Line Tooltip | Simple Tooltip | Custom Tooltip | Click event | |
---|---|---|---|---|---|---|---|---|
StackedBarChart |
Example
![Stacked bar chart component](../../images/stacked-bar-chart.png)