Multi labels for grouped bar charts

2 posts, 0 answers
  1. Feyzi
    Feyzi avatar
    7 posts
    Member since:
    Sep 2013

    Posted 25 Jun 2015 Link to this post

    Dear Kendo Community,

    I'm working with different Kendo Charts for a while and they fulfil all the requirements so far. But currently I run into a use case where I need your help.

    I use a stacked and grouped bar chart exactly like the example here:
    http://demos.telerik.com/kendo-ui/bar-charts/grouped-stacked-bar

    Is it possible to display the labels (stack name) for each column? This means below every pink column it should say "Female" and for the blue ones "Male".
    Underneath these labels it should then display the year as it already does.

    Thanks in advance.

    Regards,
    Feyzi Kurucay

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 29 Jun 2015 Link to this post

    Hi Feyzi,

    This outcome is not supported out-of-the-box by Kendo UI Chart. As a workaround I would suggest the following:
    - Display only series.labels for "0-19" for both stacks;
    - Move these labels below the bars (using margin / padding). You could also use the visual feature from the drawing API to draw labels where you need;
    - Move the categoryAxis.labels (margin.top) below.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top