RADPieChart click event for each section

[Paresh Sen]

Hi,

Is it possible to generate an unique click event for each "Pie" in a RADPieChart.
I want to do further processing based on the selected section of the chart.

Any examples will be highly appreciated.

Thanks,
Paresh

[Alexander]

Hi Paresh,

Such functionality can be achieved by defining a ChartSelectionBehavior on your RadPieChart. Then you can get the current selected segments in the ChartSelectionBehavior.SelectionChanged event handler from the ChartSelectionBehavior.SelectedPoints property. Note that if you are using multiple selection, you will need to implement your own custom logic for tracking the added/removed selected points as this information is currently not passed through the event arguments. 

Attached is a sample project which shows how to display the  'Category' property of the current selected segment in a TextBlock.

Hope this helps.

All the best,
Alexander
the Telerik team

[Xyroid]

Hi Alexander, I checked the sample you have attached. When I select any section at that time the section gets cut, how can I remove that effect ? Thanks.

[Ivaylo Gergov]

Hello Farhan,

Thank you for using our components.

Generally, you can remove the "exploding" effect by setting PieSeries.SelectedPointOffset to 0 and PieDataPoint.OffsetFromCenter to 0.
Unfortunately while setting up the scenario I found that we have an open issue - OffsetFromCenter property does not update its value and at this point there is no workaround. I have logged this as a bug and we will do our best to fix it in our next official release.

I am sorry for the inconvenience caused. I have updated your Telerik points for the valuable feedback.

All the best,
Ivaylo Gergov
the Telerik team

[Xyroid]

So, in short I can't remove that effect of "exploding", no ? And also I request you to give me code as I can't managed to set PieDataPoint.OffsetFromCenter property. Thanks.

[Ivaylo Gergov]

Hello Farhan,

Yes, I confirm that for now you cannot remove the "exploding" effect. Here's the requested code sample:

Loaded += MainPage_Loaded;

void MainPage_Loaded(object sender, RoutedEventArgs e)
{
    foreach (PieDataPoint datapoint in myChart.Series[0].DataPoints)
    {
        datapoint.OffsetFromCenter = 0;
    }
}

Note, that the chart adds its series dynamically and you need to set this property after page is initialized (alternatively you can use the PieSeries.DataBindingComplete event handler to execute this as well).

I hope this information is useful. If you have any other questions do not hesitate to write us again.

 

All the best,
Ivaylo Gergov
the Telerik team

[Samir]

There's a workaround - listen for PieDataPoint.PropertyChanged and when the OffsetFromCenter property changes, set it to zero again:

.....
dataPoint.PropertyChanged += DataPointPropertyChanged;
.....

    public void DataPointPropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        if (e.PropertyName == "OffsetFromCenter")
        {
            var pieDataPoint = (PieDataPoint) sender;
            pieDataPoint.OffsetFromCenter = 0;
        }
    }