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

100% Stacked and grouped bars

Loading Demo...

            
                        grouped_stacked100_bar.cshtml
                    
                        Grouped_Stacked100_BarController.cs

Also available for:

This example demonstrates the implementation of ASP.NET Core 100% stacked and grouped bars.

You can enable the 100% stack feature by setting the first ChartStackType.Stack100 argument of the Series -> Column -> Stack() method, i.e.

series.Column(new int[] { 1100941, 1139797, 1172929, 1184435, 1184654 }).Name("0-19").Stack(ChartStackType.Stack100, "Female");