Donut series/segment click and explode

[Sreenath]

Hi Kendo,

When the first time rendering the donut chart if the series item has property "explode : true" then the series / segment displaying as separate slice. Is it possible to do this when clicking on particular series / segment?, and same should be happen when series associated legend item is clicked. Is there any option regarding that. Please let me know if i need to do any modifications to get that.

thank you

[Iliana Dyankova]

Hi Sreenath,

I am afraid what you would like to achieve is not supported out of the box in Kendo UI Chart and its implementation requires additional code. As a possible approach I can suggest the following:

• Set value "false" for the explodeField in the data set;
• In the Chart's seriesClick event change the value of the explodeField and refresh() the Chart.

For your convenience here is a simple jsBin example which demonstrates the suggested approach in action.
 
Regards,
Iliana Nikolova
the Telerik team

[Sreenath]

Hi Iliana Nikolova,

I have already done with that step and it has an issue, like : if one segment is already exploded then if you click on another segment both segments are getting exploded. Only one should be exploded at a time.



Is there any way to attach click events to legend items?

"or"

Is it possible to add divs inside legend items? I tried by using divs for legend items then it is not displaying in proper ways of legend. I want legend should be look like grid with two are more columns.

PFA

thank you

[Iliana Dyankova]

Hi Sreenath,

As I said in my previous post, your scenario with exploding segment when clicking on a particular slice is not supported out-of-the-box in Kendo UI Chart and in order to achieve it you need a custom implementation (my jsBin example demonstrates a possible approach). Regarding your new questions:

• I am afraid attaching a click handler to the legend is not supported at present. We realize this is limitation of the framework and will do our best to address it as soon as possible;
• Unfortunately the second request is also not supported by Kendo UI Chart. As a possible workaround you can hide the default legend and create custom <div> element which to configure to look like as a legend. 

 
Kind regards,
Iliana Nikolova
the Telerik team