Windows Universal 10 中的饼图

Question

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

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

有什么建议可以在 Windows 10 Universal App 中绘制图表吗？

非常感谢！

Answer 1

Syncfusion 为独立开发者的 Essential Studio 套件提供免费许可。他们有一些很棒的可视化工具。您可以在这里查看它们：https://www.syncfusion.com/products/uwp

您可以在以下 link 找到有关其免费许可证的更多信息：https://www.syncfusion.com/products/communitylicense

Filip Skakun 制作了一个很棒的库，其中有多个可用的图表选项！可以在 WinRT 中使用它，他正在努力将它移植到 UWP (Win 10)。

您可以关注 link 以获得更多信息

https://github.com/xyzzer/WinRTXamlToolkit ( the complete lib ) https://github.com/xyzzer/WinRTXamlToolkit/tree/master/WinRTXamlToolkit.Controls.DataVisualization/WinRTXamlToolkit.Controls.DataVisualization.Shared/Charting（图表部分）

Answer 2

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

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

Windows Universal 10 中的饼图

Pie Chart in Windows Universal 10

c#

xaml

pie-chart

visual-studio-2015

windows-10-mobile