首页 > 解决方案 > 将 PieChart 与 LiveCharts 和 WPF .NET Core 一起使用

问题描述

我为 WPF 使用图表插件: https ://lvcharts.net

在 xaml 我有:

<Window x:Class="GoogleDriveManager.WPF.ChartWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:GoogleDriveManager.WPF" xmlns:wpf="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
        mc:Ignorable="d"
        Title="Chart statistics" Height="450" Width="800">
    <Grid>
        <wpf:PieChart LegendLocation="Bottom" Series="{Binding Items}"/>
  </Grid>
</Window>

和后面的代码:

public ChartWindow()
{
  InitializeComponent();
  DataContext = this;

  Items = new SeriesCollection();

  ContentRendered += (s, ev) =>
  {
    Dictionary<string, List<string>> data = GetData(...);
    foreach (var item in data)
    {
      ISeriesView series = new PieSeries(new { title = item.Key });
      IChartValues values = new ChartValues<string>(item.Value);
      series.Values = values;
      Items.Add(series);
    }
  };
}

public SeriesCollection Items { get; }

但似乎窗口是空的。

标签: c#wpflivecharts

解决方案


  1. 您应该将string值转移到double
  2. 使用PieSeries属性Title分配标题

我创建了一个简单的案例,这段代码有效:

ContentRendered += (s, ev) =>
{
    Dictionary<string, List<string>> data = new Dictionary<string, List<string>>(){
        {"AAA", new List<string>(){"1","2"}},
        {"BBB", new List<string>(){"3","4"}}
    };
    foreach (var item in data)
    {
        var curValues = item.Value.Select(x => double.Parse(x)).ToList();
        ISeriesView series = new PieSeries{
            Title = item.Key,
            Values = new ChartValues<double>(curValues),
            DataLabels = true
        };
        Items.Add(series);
    }
};

推荐阅读