0

WinRT XAM ツールキット ( https://winrtxamltoolkit.codeplex.com )でチャート コントロールを試しています。

いくつかの例を見つけて、実用的な折れ線グラフをまとめることができましたが、積み上げ面グラフを作成できることを望んでいました. 残念ながら、空白の長方形の隅にある単一のドットを取得できました。

Date と Balance を持つ 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>
4

1 に答える 1

0

タグを外すだけ<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-10T11:07:06.630 に答える