Slick Click Event on DoughNutChart

[karthik]

Hello

I have DoughNutChart that is loading data from DataSource. My Requirement is Clicking on a Slice should show up the Slice DoughtNut Chart information in a DataGrid.

 

The following is my working doughnut chart.

<p>  <!-- Doughtnut Chart Legends --><br>
                <telerik:RadLegend x:Name="DoughnutChartLegend"<br>
   Items="{Binding LegendItems, ElementName=DoughnutChart}"<br>
                                   Foreground="{StaticResource WhiteBrush}"<br>
                                   VerticalAlignment="Center"                                   <br>
   Grid.Column="1"/><br>
<br>
                <telerik:RadPieChart x:Name="DoughnutChart" Palette="Windows8" Grid.Column="2" Foreground="{StaticResource WhiteBrush}" Width="300" HoverMode="FadeOtherItems"><br>
                    <telerik:DoughnutSeries InnerRadiusFactor="0.2" ItemsSource="{Binding PieDataList}" ValueBinding="Value" RadiusFactor="0.77"><br>
<br>
                        <telerik:DoughnutSeries.LabelDefinitions><br>
                            <telerik:ChartSeriesLabelDefinition Margin="-8,0,0,0" /><br>
                        </telerik:DoughnutSeries.LabelDefinitions><br>
<br>
                        <telerik:DoughnutSeries.LegendSettings><br>
                            <telerik:DataPointLegendSettings TitleBinding="Category" /><br>
                        </telerik:DoughnutSeries.LegendSettings><br>
<br>
                    </telerik:DoughnutSeries><br>
                </telerik:RadPieChart><br>
                <br>
            </Grid></p> <p></p>

 

 

 

 

[Sia]

Hello,

Please check our Selection demo of ChartView. When you click on a slice of the Pie (the same is applicable for Doughnut), the SelectionChanged event is fired because of the ChartSelectionBehavior and the other information is updated. In your scenario you will need to update the DataGrid. 

Regards,
Sia
Progress Telerik