如何使用扩展WPF工具包创建简单的饼图

时间:2019-02-05 12:06:20

标签: c# wpf wpftoolkit toolkit xceed

我刚接触C#开发。 我正在尝试使用Visual Studio,C#和Extended WPF Toolkit创建一个简单的饼图。以下代码是我尝试构建的dll的一部分(插入Revit)。 我使用NuGet安装了Extended WPF Toolkit。 我找不到任何教程或示例,因此我尝试从其他在线资源中找到的一些片段中编写代码。 目前,我有

xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"

<Grid Grid.Row="1">
        <xctk:Pie x:Name="foobar"
                  DataContext="{Binding PieCollection, UpdateSourceTrigger=PropertyChanged}" >
        </xctk:Pie>
    </Grid>

public class PiePoint
{
    public string Name { get; set; }
    public Int16 Share { get; set; }
}

public class CompareToMultiLODViewModel : INotifyPropertyChanged
{
private ObservableCollection<PiePoint> _pieCollection;

    public ObservableCollection<PiePoint> PieCollection
    {
        get { return _pieCollection; }
        set { _pieCollection = value; OnPropertyChanged("PieCollection"); }
    }
public CompareToMultiLODViewModel()
    {
        CompareToMultiLODBtnCommand = new MRCommand(this);

        PieCollection = new ObservableCollection<PiePoint>();
        PieCollection.Add(new PiePoint { Name = "Mango", Share = 10 });
        PieCollection.Add(new PiePoint { Name = "Banana", Share = 36 });
    }

    private PropertyChangedEventHandler _PropertyChanged;

    event PropertyChangedEventHandler INotifyPropertyChanged.PropertyChanged
    {
        add
        {
            //((INotifyPropertyChanged)PieCollection).PropertyChanged += value;
            _PropertyChanged += value;
        }

        remove
        {
            //((INotifyPropertyChanged)PieCollection).PropertyChanged -= value;
            _PropertyChanged -= value;
        }
    }

    private void OnPropertyChanged(string PropertyName)
    {
        _PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(PropertyName));
    }

xaml背后的代码是

    public partial class CompareToMultiLOD : Page
{
    public CompareToMultiLOD()
    {
        InitializeComponent();

        DataContext = new CompareToMultiLODViewModel();
    }

我不知道它是否相关,但是在调试时,我发现在创建PieCollection之前已分配DataContext,然后在PieCollection初始化时触发一次OnPropertyChanged。 PropertyChanged似乎被触发一次(我不理解,因为我添加了两个值)。

我不确定ViewModel是存储饼图使用的数据的正确位置,但我暂时将其放置在此(显然,因为它是一个模拟类)。

此刻,我想使其工作。 任何帮助表示赞赏!

1 个答案:

答案 0 :(得分:1)

Pie实际上不是具有数据序列的图表,而是代表椭圆的单个部分的形状:https://github.com/xceedsoftware/wpftoolkit/wiki/PieChart

如果您想使用饼图,则应查看this NuGet packagethis的答案,以获取有关如何使用它创建饼图的示例。

这应该给你一个饼图:

xmlns:chartingToolkit="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit"
...
<Grid Grid.Row="1">
    <chartingToolkit:Chart Margin="0" Title="Chart Title" DataContext="{Binding PieCollection}">
        <chartingToolkit:PieSeries ItemsSource="{Binding}" 
                                   DependentValuePath="Share" 
                                   IndependentValuePath="Name">
        </chartingToolkit:PieSeries>
    </chartingToolkit:Chart>
</Grid>