c# - Windows Universal 10 中的饼图

Question

我目前正在使用 Windows Universal 10 Mobile App。

我想画一个饼图..但是我找不到任何图表控件..

在 Windows 10 通用应用程序中绘制图表有什么建议吗？

非常感谢!

Answer 1

从 Nuget 安装 WinRT XAML 工具包 - 适用于 Windows 10 的数据可视化控件 在程序包管理器控制台中运行以下命令

PM> Install-Package WinRTXamlToolkit.Controls.DataVisualization.UWP

然后，在 XAML 文件中添加实现图表控件所需的命名空间:

xmlns:Charting="using:WinRTXamlToolkit.Controls.DataVisualization.Charting"

现在，您可以使用图表控件:

比如我画饼图

<Charting:Chart 
    x:Name="PieChart" 
    HorizontalAlignment="Left" 
    VerticalAlignment="Top" 
    Margin="0" > 
    <Charting:PieSeries Margin="0" 
         IndependentValuePath="Name" 
         DependentValuePath="Amount" 
         IsSelectionEnabled="True"/>
</Charting:Chart>

在我的 .cs 文件中:

添加命名空间:

using WinRTXamlToolkit.Controls.DataVisualization.Charting;
public class FinancialStuff
{
    public string Name { get; set; }
    public int Amount { get; set; }
}

public MainPage()
{
    this.InitializeComponent();
    this.Loaded += MainPage_Loaded;
}

void MainPage_Loaded(object sender, RoutedEventArgs e)
{
    LoadChartContents();
}

private void LoadChartContents()
{
    Random rand = new Random();
    List<FinancialStuff> financialStuffList = new List<FinancialStuff>();
    financialStuffList.Add(new FinancialStuff() { Name = "MSFT", Amount = rand.Next(0, 200) });
    financialStuffList.Add(new FinancialStuff() { Name = "AAPL", Amount = rand.Next(0, 200) });
    financialStuffList.Add(new FinancialStuff() { Name = "GOOG", Amount = rand.Next(0, 200) });
    financialStuffList.Add(new FinancialStuff() { Name = "BBRY", Amount = rand.Next(0, 200) });
    (PieChart.Series[0] as PieSeries).ItemsSource = financialStuffList;
    (ColumnChart.Series[0] as ColumnSeries).ItemsSource = financialStuffList;
    (LineChart.Series[0] as LineSeries).ItemsSource = financialStuffList;
}

您可以按照本教程进行操作(Windows 8.1) USING GRAPHS AND CHARTS