All Components

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Bar Charts / 100% Stacked and grouped bars


      This example demonstrates the implementation of ASP.NET MVC 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");

      ASP.NET MVC source

      Also available for:

      • grouped_stacked100_bar.cshtml
      • Grouped_Stacked100_BarController.cs

      Support & learning resources

      Bar Charts for other technologies