无法使用适用于 Windows 8 的现代 UI 图表

Question

我正在尝试为我的 Windows 应用商店应用程序使用 Modern UI Charts，但我无法让它工作。（看不到图表）

另一个人 here 连同代码一起记录了类似的问题

有人可以帮忙吗？

Answer 1

更新 1

Getting started with free Metro (Modern UI) charts for Windows 8

---

我刚刚创建了NuGet package of Modern Chart。从那里安装它。卸载任何以前的现代图表库。

我也给你图表的演示。首先创建新页面并添加此代码。就是这样！

MainPage.xaml

<Page
    ...
    ...
    ...
    xmlns:chart="using:De.TorstenMandelkow.MetroChart" -->
    ...
    ...
    ...>

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <chart:PieChart Width="400"
                        Height="400"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        ChartSubTitle="Chart with fixed width and height"
                        ChartTitle="Minimal Pie Chart"
                        >
            <chart:PieChart.Series>
                <chart:ChartSeries DisplayMember="Category"
                                   ItemsSource="{Binding Path=Errors}"
                                   SeriesTitle="Errors"
                                   ValueMember="Number" />
            </chart:PieChart.Series>
        </chart:PieChart>
    </Grid>
</Page>

MainPage.xaml.cs

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
        this.DataContext = new MainViewModel();
    }

    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
    }
}

MainViewModel.cs

public class MainViewModel
{
    public ObservableCollection<TestClass> Errors { get; private set; }

    public MainViewModel()
    {
        Errors = new ObservableCollection<TestClass>();
        Errors.Add(new TestClass() { Category = "Globalization", Number = 75 });
        Errors.Add(new TestClass() { Category = "Features", Number = 2 });
        Errors.Add(new TestClass() { Category = "ContentTypes", Number = 12 });
        Errors.Add(new TestClass() { Category = "Correctness", Number = 83 });
        Errors.Add(new TestClass() { Category = "Best Practices", Number = 29 });
    }
}

public class TestClass
{
    public string Category { get; set; }
    public int Number { get; set; }
}

祝你好运！