XamDataChart – 水平（もしくは垂直）な一本の線を引きたい

XamDataChart で横 1 本の水平線もしくは縦 1 本の垂直線を引きたい場合は、ValueOverlay シリーズが利用できます。

水平線の場合

実現イメージ

コード例

<ig:XamDataChart
    x:Name="xamDataChart1" Grid.Column="0" Margin="10">
    <ig:XamDataChart.Axes>
        <ig:CategoryXAxis x:Name="xAxis1" ItemsSource="{Binding VisitorProfiles}" Label="{}{AgeRange}" Title="年齢層"/>
        <ig:NumericYAxis x:Name="yAxis1" MinimumValue="0" MaximumValue="50" Title="訪問者数"/>
    </ig:XamDataChart.Axes>
    <ig:XamDataChart.Series>
        <ig:ColumnSeries
            x:Name="columnSeries1"
            ItemsSource="{Binding VisitorProfiles}"
            XAxis="{Binding ElementName=xAxis1}" YAxis="{Binding ElementName=yAxis1}"
            ValueMemberPath="NumberOfVisitors">
        </ig:ColumnSeries>
        <!-- ValueOverlay の Axis に Y 軸、Value に線を引きたい値を指定します -->
        <ig:ValueOverlay Axis="{Binding ElementName=yAxis1}" Value="{Binding Average}" Thickness="2"/>
    </ig:XamDataChart.Series>
</ig:XamDataChart>

　

垂直線の場合

実現イメージ

コード例

<ig:XamDataChart
    x:Name="xamDataChart2" Grid.Column="1" Margin="10">
    <ig:XamDataChart.Axes>
        <ig:NumericXAxis x:Name="xAxis2" MinimumValue="0" MaximumValue="50" Title="訪問者数"/>
        <ig:CategoryYAxis x:Name="yAxis2" ItemsSource="{Binding VisitorProfiles}" Label="{}{AgeRange}" Title="年齢層"/>
    </ig:XamDataChart.Axes>
    <ig:XamDataChart.Series>
        <ig:BarSeries
            x:Name="barSeries2"
            ItemsSource="{Binding VisitorProfiles}"
            XAxis="{Binding ElementName=xAxis2}" YAxis="{Binding ElementName=yAxis2}"
            ValueMemberPath="NumberOfVisitors">
        </ig:BarSeries>
        <!-- ValueOverlay の Axis に X 軸、Value に線を引きたい値を指定します -->
        <ig:ValueOverlay Axis="{Binding ElementName=xAxis2}" Value="{Binding Average}" Thickness="2"/>
    </ig:XamDataChart.Series>
</ig:XamDataChart>

　

注意事項

ValueOverlay の Value プロパティの型は double 型です。ですので、ValueOverlay の Axis に指定できるのは数値軸（例：NumericYAxis、NumericXAxis など）または数値で値を表現できる軸（例：CategoryDateTimeXAxis など）のみです。

　

　

ヘルプドキュメント、API リファレンス

• 値オーバーレイ
  • https://jp.infragistics.com/help/wpf/datachart-series-value-overlay
• ValueOverlay クラス メンバ
  • https://jp.infragistics.com/help/wpf/infragisticswpf.controls.charts.xamdatachart~infragistics.controls.charts.valueoverlay_members