如何在 WinRT XAML 工具包中使用 StackedAreaSeries

Question

我一直在试用 WinRT XAM 工具包 (https://winrtxamltoolkit.codeplex.com) 中的图表控件。

我能够找到一些示例并拼凑出一个工作折线图，但我希望能够制作一个堆积面积图。不幸的是，我设法得到的只是空白矩形角上的一个点。

假设我有 Alice 和 Bob 的数据，其中包含日期和余额。我想看到这样的图表：-

所以我可以使用以下 xaml 制作一组线条并且它有效。

<charting:Chart Height="400" Width="800">
    <charting:Chart.Series>
        <charting:LineSeries Title="Alice"
                             ItemsSource="{Binding DataForAlicePlusBob}"
                             IndependentValuePath="Date"
                             DependentValuePath="Balance"
                             />
        <charting:LineSeries Title="Bob"
                             ItemsSource="{Binding DataForBob}"
                             IndependentValuePath="Date"
                             DependentValuePath="Balance"
                             />
    </charting:Chart.Series>
</charting:Chart>

但尽管我尽我所能，但我无法弄清楚如何将爱丽丝的数据叠加在鲍勃的数据之上来制作我想要的图表。这是我所得到的，但它只显示一个点，没有轴。

<charting:Chart Height="400" Width="800">
    <charting:Chart.Series>

        <charting:StackedAreaSeries>
            <charting:StackedAreaSeries.SeriesDefinitions>
                <charting:SeriesDefinition Title="Alice"
                                           ItemsSource="{Binding DataForAlice}"
                                           IndependentValuePath="Date"
                                           DependentValuePath="Balance"
                                           />
                <charting:SeriesDefinition Title="Bob"
                                           ItemsSource="{Binding DataForBob}"
                                           IndependentValuePath="Date"
                                           DependentValuePath="Balance"
                                           />
            </charting:StackedAreaSeries.SeriesDefinitions>
        </charting:StackedAreaSeries>
    </charting:Chart.Series>
</charting:Chart>

Answer 1

只需删除标签<charting:Chart.Series>

这就是我使 StackedAreaSeries 工作的方式：

<charting:Chart Grid.Row="1" Name="IssuesChart" Width="600" Height="400">
      <charting:StackedAreaSeries>
         <charting:StackedAreaSeries.SeriesDefinitions>
            <charting:SeriesDefinition ItemsSource="{Binding DataForAlice}" 
                                       Title="Loading Failures" 
                                       IndependentValuePath="Date" 
                                       DependentValuePath="Balance"/>

            <charting:SeriesDefinition ItemsSource="{Binding DataForBob}" 
                                       Title="Ingestion Failures" 
                                       IndependentValuePath="Date" 
                                       DependentValuePath="Balance"/>
          </charting:StackedAreaSeries.SeriesDefinitions>
       </charting:StackedAreaSeries>
</charting:Chart>

如何在 WinRT XAML 工具包中使用 StackedAreaSeries

How do I use the StackedAreaSeries in the WinRT XAML Toolkit

winrt-xaml-toolkit