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

Mix stacked and unstacked columns

3 Answers 137 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 11 Jan 2017, 10:54 PM

Hi, in my scenario I have for example 4 series of the type column. The first two have to be unstacked columns. The other two have to be stacked on each other.

Fo xample:

series: [

{ name: "India", data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855],  stack: false},
{ name: "Russian Federation", data: [4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3],  stack: false},
{ name: "Germany", data: [0.010, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.690, 2.9], stack: "stack"}
{ name: "World", data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727], stack: "stack"}

]

It appears that either all of the columns have ot be stacked or to be unstacked.

If this is true, is there any workaround to mix stacked and unstacked columns?

 

Thank you!

Best regards

3 Answers, 1 is accepted

Sort by
0
Accepted
Vessy
Telerik team
answered on 13 Jan 2017, 01:47 PM
Hi Daniel,

The kendo widget allows only one stack per category, but you can implement follow the approach from the following demo in order to group stacked and non stacked columns:
http://demos.telerik.com/kendo-ui/bar-charts/grouped-stacked-bar

For example: http://dojo.telerik.com/ijAGA

Regards,
Vessy
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Daniel
Top achievements
Rank 1
answered on 14 Jan 2017, 08:16 PM
Thank you for this easy and elegant solution!
0
Vessy
Telerik team
answered on 16 Jan 2017, 11:00 AM
Hi,

You are welcome, Daniel, I am glad I was able to help.

Regards,
Vessy
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Charts
Asked by
Daniel
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Daniel
Top achievements
Rank 1
Share this question
or