New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Stacked Bar Charts

RadChart has been replaced by RadHtmlChart, Telerik's client-side charting component. If you are considering RadChart for new development, examine the RadHtmlChart documentation and online demos first to see if it will fit your development needs. If you are already using RadChart in your projects, you can migrate to RadHtmlChart by following these articles: Migrating Series, Migrating Axes, Migrating Date Axes, Migrating Databinding, Features parity. Support for RadChart is discontinued as of Q3 2014, but the control will remain in the assembly so it can still be used. We encourage you to use RadHtmlChart for new development.

Stacked bar charts are used to compare contributions of values to a total across categories. In the examples below the categories are various sources for sales (Internet, Wholesale, Retail) that combine to make the total sales for each quarter. Use the Stacked Bar chart when you need visibility to the combined values for each category.

To create a Vertical Stacked Bar Chart set the SeriesOrientation property to Vertical. Set the RadChartDefaultType property or ChartSeries.Type to StackedBar.

Vertical Stacked Bar Chart

To create a Horizontal Stacked Bar Chart set the SeriesOrientation property to Horizontal. Set the RadChartDefaultType property or ChartSeries.Type to StackedBar.

Horizontal Stacked Bar Chart

To display custom labelling on the X-Axis "Qtr 1", "Qtr 2", etc., set the RadChart PlotArea.XAxis property and for each item set the TextBlock Text property to the desired label.

In this article