XamCategoryChart に十字線を表示する

Ultimate UI for Xamarin 20.1.35 バージョン時点での情報に基づいています。

XamCategoryChart において CrosshairsAnnotationEnabled プロパティを true にすることによって（デフォルトでは false）ユーザーがタップ状態にある時、十字線とともに該当するデータアイテムのX軸、Y軸の値を表示することが出来ます。

<ig:XamCategoryChart
            ItemsSource="{Binding Data}"
            x:Name="catChart"
            Margin="10,100"
            CrosshairsAnnotationEnabled="True"
            CrosshairsDisplayMode="Both"
            ChartType="Line"
            IncludedProperties="Name,Value1,Value2"
/>

また、上記のキャプチャのように、CrosshairsDisplayMode プロパティを変更することにより、X軸のみ、Y軸のみの値を表示することも可能です。

サンプル