New to Kendo UI for jQuery? Download free 30-day trial

100% Stacked and grouped bars

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • EDIT
  • Change Theme
    default

    Themes & Swatches

    SASS
    LESS
    Launch Theme Builder
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Main Dark
    • Nordic
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Main Dark
    • Opal
    • Silver
grouped-stacked100-bar.html

Also available for:

API REFERENCE

Description

This example demonstrates the implementation of 100% stacked and grouped bars for the Kendo UI chart.

You can enable the 100% stack feature by setting the seriesDefaults -> stack -> type and series -> stack -> group attributes of the chart (the latter are set to Male and Female in this demo).

Support & Learning Resources