【问题标题】:Pie Chart in Windows Universal 10Windows Universal 10 中的饼图
【发布时间】:2015-11-11 18:08:04
【问题描述】:

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

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

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

非常感谢!

【问题讨论】:

    标签: c# xaml visual-studio-2015 pie-chart windows-10-mobile


    【解决方案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

    【讨论】:

    • 如何在不使用 Xaml 的情况下在对话框中实现此图表?我只想在 C# 代码中实现它。在 UWP 应用中
    【解决方案2】:

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

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

    Filip Skakun 制作了一个很棒的库,其中包含多个图表选项!已经可以在 WinRT 中使用它,他正在将其移植到 UWP(Win 10)。

    您可以通过以下链接获取更多信息

    https://github.com/xyzzer/WinRTXamlToolkit(完整库)https://github.com/xyzzer/WinRTXamlToolkit/tree/master/WinRTXamlToolkit.Controls.DataVisualization/WinRTXamlToolkit.Controls.DataVisualization.Shared/Charting(图表部分)

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-01-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-14
    • 1970-01-01
    • 1970-01-01
    • 2015-10-29
    相关资源
    最近更新 更多