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

How two create a two pane Column Chart

3 Answers 113 Views
Charts
This is a migrated thread and some comments may be shown as answers.
fbaptiste
Top achievements
Rank 1
fbaptiste asked on 05 Aug 2014, 12:04 AM
I'm looking for a way to build a two pane column chart like in the following image

closest demo that i found was for a StockChart but wasn't sure this would be the best way to go, since i need to show all data and labels in the following format
with different axis values between the panes.

3 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 06 Aug 2014, 12:25 PM
Hi Fred,

In order to achieve the illustrated outcome you can define multiple panes in Kendo UI Chart. For your convenience here is a simple example.

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
fbaptiste
Top achievements
Rank 1
answered on 09 Aug 2014, 12:14 AM
That works. but then how can i make the bottom pane show stacked columns while keeping the bottom one as is?
0
Iliana Dyankova
Telerik team
answered on 12 Aug 2014, 08:26 AM
Hi Fred,

For this requirement you should define one more series in the second pane and set stack: true to the series (updated example). 

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
fbaptiste
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
fbaptiste
Top achievements
Rank 1
Share this question
or