Dynamic chart element explode

[A]

Hi,
How can I make kendo donut chart element dynamically explode on mouse  hover?

[Nohinn]

Here you have an example:
http://jsbin.com/evasab/1/edit 

Of course if you're fetching the data from a service or something I would recommend you storing it locally in a var so every time you initialize the chart you don't have the delay of getting the data.

[A]

Thanks a lot.It's worked,but however tool tip escaped.How make it visible when  chart element is exploding? 

[A]

Ok,I solved it.
Here's the edited code:

var previousItem;
function applyExplode(dataItem, chartItem) {

    if ((undefined == previousItem) || (dataItem.category != previousItem.category)) {

        var index;

        for (index = 0; index < chartItem.series[0].data.length; index++) {

            var item = chartItem.series[0].data[index];

            if (item.category == dataItem.category && item.value == dataItem.value) {

                break;

            }

        }

        $("#chartKendo").removeData();

        $("#chartKendo").empty();

        var newData = $.extend(true, {}, chartItem);

        newData.series[0].data[index].explode = true;

        newData.transitions = false;

        $("#chartKendo").kendoChart(newData);

    }

    previousItem = dataItem;

}