Syncfusion Windows Phone 8 图表答案

【问题标题】：Syncfusion Windows Phone 8 chartSyncfusion Windows Phone 8 图表
【发布时间】：2014-03-10 12:17:11
【问题描述】：

我有一个饼图，我想在切出一块饼图时爆炸并做其他事情所以我的问题是如何检索代码中选择的索引

这是我的 XAML

        <chart:SfChart.PrimaryAxis>
            <chart:CategoryAxis></chart:CategoryAxis>
        </chart:SfChart.PrimaryAxis>
        <chart:SfChart.SecondaryAxis>
            <chart:NumericalAxis></chart:NumericalAxis>
        </chart:SfChart.SecondaryAxis>

        <chart:PieSeries  PieCoefficient="0.6" MouseLeftButtonDown="pieSeries_MouseLeftButtonDown" ExplodeRadius="20"  EnableAnimation="True" x:Name="pieSeries" ShowTooltip="True" chart:ChartTooltip.EnableAnimation="True" ItemsSource="{Binding Expenditure}" XBindingPath="Expense" Label="" LabelPosition="Outside" YBindingPath="Amount"  Palette="Custom">
            <chart:PieSeries.ColorModel>

                <chart:ChartColorModel>

                    <chart:ChartColorModel.CustomBrushes>

                        <SolidColorBrush Color="Green"/>

                        <SolidColorBrush Color="Black"/>

                        <SolidColorBrush Color="Red"/>

                        <SolidColorBrush Color="#FFD541"/>

                        <SolidColorBrush Color="Plum"/>

                        <SolidColorBrush Color="Purple"/>

                    </chart:ChartColorModel.CustomBrushes>

                </chart:ChartColorModel>

            </chart:PieSeries.ColorModel>
            <chart:PieSeries.AdornmentsInfo>
                <chart:ChartAdornmentInfo AdornmentsPosition="Bottom"  HorizontalAlignment="Center" VerticalAlignment="Center" 
                                              ConnectorLineStyle="{StaticResource lineStyle}" ShowConnectorLine="True" 
                                              ConnectorHeight="30" ShowLabel="True"  LabelTemplate="{StaticResource labelTemplate}" 
                                              SegmentLabelContent="YValue">
                </chart:ChartAdornmentInfo>
            </chart:PieSeries.AdornmentsInfo>

        </chart:PieSeries>
    </chart:SfChart>

在 c# 代码中，我希望 MouseLeftButtonDown 事件触发饼图爆炸私人无效pieSeries_MouseLeftButtonDown（对象发送者，System.Windows.Input.MouseButtonEventArgs e） { }

【问题讨论】：

欢迎来到 Stackoverflow，您想在您的帖子中添加一些代码吗？我们想看看您已经尝试过什么。

标签： c# windows-phone-8 syncfusion

【解决方案1】：

Syncfusion 没有尝试使用鼠标事件，而是提供了 SelectionBehavior ，这有助于连续选择片段。这些内部段也可以通过创建一个继承 Pie Series 的自定义系列来访问，如下面的 sn-p。

public class CustomPieSeries : PieSeries
{
    public ObservableCollection<ChartSegment> PieSegments { get; set; }
    public override void CreateSegments()
    {
        base.CreateSegments();
        PieSegments = Segments;
    }
}

<local:CustomPieSeries SegmentSelectionBrush="Cornsilk" ItemsSource="{Binding Expenditure}" XBindingPath="Expense" YBindingPath="Amount"   EnableAnimation="True" PieCoefficient="0.6"  ExplodeRadius="20"   x:Name="pieSeries" ShowTooltip="True" chart:ChartTooltip.EnableAnimation="True"  Label="" LabelPosition="Outside"   Palette="Custom">
            <local:CustomPieSeries.ColorModel>

                <chart:ChartColorModel>

。 . . 然后为 Chart 添加 SelectionChanged 事件以获取所选段的索引，如下所示。

private void SfChart_SelectionChanged_1(object sender, Syncfusion.UI.Xaml.Charts.ChartSelectionChangedEventArgs e)
    {
        int selectedSegmentIndex = (chart.Series[0] as CustomPieSeries).PieSegments.IndexOf(e.SelectedSegment);
    }

【讨论】：