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

Chart Column Stacked

3 Answers 59 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Javier
Top achievements
Rank 1
Javier asked on 22 Jan 2021, 03:10 PM

Good morning, I need to develop a combined chart, I leave it attached.
I could not find an example in the documentation.

Thanks a lot.

 

 

3 Answers, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 25 Jan 2021, 10:59 AM

Hi Javier,

I have just answered your support ticket on the matter, for anyone else interested in the same matter - I am copyingmy answer below.

====

A similar result to the one shown in the attached image can be achieved by combining the HtmlChart's stacking and grouping functionality:

Stacking - https://demos.telerik.com/aspnet-ajax/htmlchart/examples/functionality/stacked-series/defaultcs.aspx
Grouping - https://demos.telerik.com/aspnet-ajax/htmlchart/examples/functionality/stackedgroups/defaultcs.aspx

Unfortunately, the chart does not support multi level labels for its XAxis, but you can use external html elements in order to show the additional labels.

Regards,
Author nickname
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

 

Regards,
Vessy
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Javier
Top achievements
Rank 1
answered on 25 Jan 2021, 12:05 PM
Thank you very much for the help.
The example served me.
Regards.
0
Vessy
Telerik team
answered on 25 Jan 2021, 12:10 PM

Hi,

Thank you for the update, Javier - I am glad my reply was helpful for you!

Regards,
Vessy
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Chart (HTML5)
Asked by
Javier
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Javier
Top achievements
Rank 1
Share this question
or