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） 使用图形和图表