Infragistics(R) NetAdvantage(R) Silverlight Data Visualization
マーカー値
このトピックについてのご意見・ご感想をEメールにてお寄せください(日本語と英語に対応しています)。 また、弊社サービス・製品についてご質問・ご要望などがございましたら、こちらからお気軽にお問い合わせください。

Glossary Item Box

xamDataChart™ コントロールで、データ ポイントの値をマーカーに追加できます。これは、Series オブジェクトの MarkerTemplate プロパティにカスタムのマーカー データ テンプレートを追加することによって実行されます。

以下のサンプル コードは、RangeColumnSeries のマーカーに値を追加する方法を示します。同じロジックをマーカーをサポートする他のシリーズ タイプに適用できます。

XAML の場合:

            <igChart:XamDataChart x:Name="xmDataChart" >
                <igChart:XamDataChart.DataContext>
                    
                </igChart:XamDataChart.DataContext>
                <igChart:XamDataChart.Axes>
                    
                </igChart:XamDataChart.Axes>
                <igChart:XamDataChart.Series>
                    <igChart:RangeColumnSeries ItemsSource="{Binding}"
                                           MarkerType="None"
                                           HighMemberPath="Open"                                           
                                           LowMemberPath="Close"
                                           XAxis="{Binding ElementName=xmXAxis}"
                                           YAxis="{Binding ElementName=xmYAxis}">
                    
                    <igChart:RangeColumnSeries.MarkerTemplate>
                        <DataTemplate>
                            <Grid Width="20">
                                <StackPanel HorizontalAlignment="Stretch">
                                    <Polygon Points="0, 8 4, 0 8, 8"
                                             Stretch="Fill"
                                             Fill="{StaticResource YellowGradientBrush}"
                                             Stroke="{Binding Series.ActualMarkerOutline}"
                                             StrokeThickness="0.5" />
                                    <TextBlock Margin="0"
                                               Text="{Binding Item.Change, StringFormat=0}"
                                               Foreground="White"
                                               HorizontalAlignment="Center">
                                    </TextBlock>
                                    <Polygon Points="0, 0 4, 8 8, 0"
                                             Stretch="Fill"
                                             Fill="{StaticResource YellowGradientBrush}"
                                             Stroke="{Binding Series.ActualMarkerOutline}"
                                             StrokeThickness="0.5" />
                                </StackPanel>

                            </Grid>
                        </DataTemplate>
                    </igChart:RangeColumnSeries.MarkerTemplate>
                    
                    </igChart:RangeColumnSeries>
               
                </igChart:XamDataChart.Series>

            </igChart:XamDataChart>

以下の画像は、データ ポイント値を表示するカスタムのマーカー データ テンプレートで xamDataChart コントロールがどのように表示されるのかを示します。

関連トピック: