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

我一直在嘗試WinRT XAM工具包（https://winrtxamltoolkit.codeplex.com）中的圖表控件。如何使用WinRT XAML工具包中的StackedAreaSeries

我能找到一些例子，湊齊了工作線圖，但我希望能夠做一個堆疊面積圖。不幸的是，我設法得到的是一個空白矩形的角落中的單個點。

可以說我有愛麗絲和鮑勃的數據有日期和餘額。我希望看到這樣的圖： -

enter image description here

所以我可以做一個單一的一套使用下面的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>

但試試我可能無法弄清楚如何將Alice的數據堆疊在Bob的頂部以製作我之後的圖表。這就像我已經得到，但它只顯示一個點，沒有軸。

<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>

來源

2015-06-19 Mat Fergusson

這是一個有趣的問題。看起來像我從Silverlight Toolkit移植的示例中沒有包含'StackedAreaSeries'，所以它可能不起作用。我會提出一個問題來跟蹤它。 –

只需刪除標籤<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>

來源

2015-07-10 11:07:06 SebD

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

回答

相關問題