在饼图或其他使用 WPF 和 LVC(实时图表)的图表中具有 n 个楔形

Question

我一直在尝试使用 LVC 合并饼图，效果很好。我一直在玩这个简单的代码... ..xml。。。。

<UserControl x:Class="UI.PieChart"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:UI"
             xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="500"
             d:DataContext = "{d:DesignInstance local:PieChart}">
    <Grid>
        <lvc:PieChart LegendLocation="Bottom" DataClick="Chart_OnDataClick" Hoverable="False" DataTooltip="{x:Null}">
            <lvc:PieChart.Series>
                <lvc:PieSeries Name ="Portion" Title="Maria" Values="3" DataLabels="True"
                               LabelPoint="{Binding PointLabel0}"/>
                <lvc:PieSeries Title="Charles" Values="4" DataLabels="True" 
                               LabelPoint="{Binding PointLabel1}"/>
                <lvc:PieSeries Title="Frida" Values="6" DataLabels="True" 
                               LabelPoint="{Binding PointLabel2}"/>
                <lvc:PieSeries Title="Frederic" Values="2" DataLabels="True" 
                               LabelPoint="{Binding PointLabel3}"/>
            </lvc:PieChart.Series>
        </lvc:PieChart>
    </Grid>
</UserControl>

以及激活用户操作的代码... .XAML.cs

namespace UI
{
    /// <summary>
    /// Interaction logic for DataChart.xaml
    /// </summary>
    public partial class PieChart : UserControl
    {
        public PieChart()
        {
            InitializeComponent();
            PieSeries()
            PointLabel = chartPoint =>
                            string.Format("{0} ({1:P})", chartPoint.Y, chartPoint.Participation);
            DataContext = this;
        }
        public Func<ChartPoint, String> PointLabel { get; set;}
        private void Chart_OnDataClick(object sender, ChartPoint chartpoint)
        {
            var chart = (LiveCharts.Wpf.PieChart) chartpoint.ChartView;
            foreach (PieSeries series in chart.Series)
                series.PushOut = 0;
            var selectedSeries = (PieSeries)chartpoint.SeriesView;
            selectedSeries.PushOut = 8;
        }
    }
}

我对C#，.xaml，WPF和LVC完全陌生...但我想做的不是硬编码 PIE 图表中的楔形数量。相反，我想根据我给出的数据创建一个饼图。我想在 C# 中执行此操作。当我实例化类 PieChart（） 时。我可以在参数中传递 5，就像 PieChart（5） 一样。然后这将创建饼图，然后继续创建 5 个饼图系列或 5 个楔形......附带问题，有没有比LVC甚至WPF更好的工具？

Answer 1

一种方法是创建一个 SeriesCollection，根据

某些用户输入向其添加 PieSeries 列表，并将 XAML 中的饼图绑定到 SeriesCollection。您还需要实现 INotifyPropertyChanged 以确保对 SeriesCollection 的更改反映在用户界面中（此处在 RaisePropertyChanged 中实现）：

您将绑定到的系列集合：

    private SeriesCollection myPie = new SeriesCollection();
    public SeriesCollection MyPie
    {
        get
        {
            return myPie;
        }
        set
        {
            myPie = value;
            RaisePropertyChanged("MyPie");
        }
    }

用于处理某些用户输入的代码（此处基于具有属性值的类 UserInput）。切片数将等于添加到系列集合的饼图系列数：

foreach(item in UserInput)
{
    MyPie.Add(new PieSeries { Values = new ChartValues<int> { item.Value }, DataLabels = true };
}

在 XAML 中，将系列集合绑定到饼图：

<lvc:PieChart Series="{Binding MyPie}"/>