UWP StackedLineSeries 不显示值 [英] UWP StackedLineSeries doesn't show values

问题描述

我正在尝试使用 WinRTXamlToolkit.Controls.DataVisualization.UWP

I am trying to use WinRTXamlToolkit.Controls.DataVisualization.UWP

尝试像这样绘制任何堆积图:

trying to draw any of the stacked charts like this:

但只有这个:

请帮帮我，我必须使用堆叠系列，但框架没有按照应有的方式运行..

Please help me, I have to use stacked series but the framework doesn't act as it should be..

推荐答案

由于不知道你后面的代码是怎么定义的，我只提供如下示例代码，可以创建一个StackedLineSeries图表成功.

Since I don't know how you define the code behind, I just provide the sample code as follows which can create a StackedLineSeries chart successfully.

XAML 代码

<Page
x:Class="CStackLineChat.MainPage"
...
xmlns:charting="using:WinRTXamlToolkit.Controls.DataVisualization.Charting" 
mc:Ignorable="d">
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Padding="50"  > 
    <charting:Chart x:Name="MyChart" Title="Stacked column Chart">
        <charting:StackedLineSeries>
            <charting:StackedLineSeries.SeriesDefinitions>
                <charting:SeriesDefinition                       
                    DependentValuePath="Amount"   
                    IndependentValuePath="Name"
                    IsTapEnabled="True"
                    Title="Doodad"    />
                <charting:SeriesDefinition
                    Title="Stan2"                      
                    DependentValuePath="Amount"
                    IndependentValuePath="Name"/>
            </charting:StackedLineSeries.SeriesDefinitions>
        </charting:StackedLineSeries> 
    </charting:Chart> 
</Grid>
</Page>

背后的代码

public sealed partial class MainPage : Page
{
    private Random _random = new Random();
    List<NameValueItem> Records = new List<NameValueItem>();
    List<NameValueItem> Records2 = new List<NameValueItem>();
    public MainPage()
    {
        this.InitializeComponent(); 
        for (int i = 0; i < 5; i++)
        {
            Records.Add(new NameValueItem { Name = "Name" + i, Amount = _random.Next(10, 100) });
            Records2.Add(new NameValueItem { Name = "Name" + i, Amount = _random.Next(10, 100) });
        }
        this.RunIfSelected(this.MyChart, () => ((StackedLineSeries)this.MyChart.Series[0]).SeriesDefinitions[0].ItemsSource = Records);
        this.RunIfSelected(this.MyChart, () => ((StackedLineSeries)this.MyChart.Series[0]).SeriesDefinitions[1].ItemsSource = Records2); 
    }
    private void RunIfSelected(UIElement element, Action action)
    {
        action.Invoke();
    } 
}

public class NameValueItem
{
    public string Name { get; set; }
    public int Amount { get; set; }
}

结果

此外，通过我这边的测试，DependentValuePath 和 IndependentValuePath 属性似乎无法直接绑定到您的场景中.使用此包的最佳方式是遵循官方示例.这里是图表示例.

Additionally, by testing on my side, it seems like DependentValuePath and IndependentValuePath properties can not directly binding in your scenario. The best way to use this package is to follow the official sample. Here is the chart sample.

这篇关于UWP StackedLineSeries 不显示值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！