This is a migrated thread and some comments may be shown as answers.

Multi labels for grouped bar charts

1 Answer 136 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Feyzi
Top achievements
Rank 1
Feyzi asked on 25 Jun 2015, 08:50 AM

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

1 Answer, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 29 Jun 2015, 07:29 AM

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!
 
Tags
Charts
Asked by
Feyzi
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or