ItemToolTipLayer は、特定のシリーズにマウスがホバーする場合に XamDataChart コントロール上のすべてのシリーズに関するヒントを個別に表示します。
ツールチップのスタイルはチャートから継承しますが、このデフォルトのビヘイビアーは ToolTipStyle プロパティを設定することにより上書きできます。このプロパティの詳細は、以下のプロパティセクションを参照してください。
以下のスクリーン ショットは、以下の設定の結果として、 ItemToolTipLayer オブジェクトの TargetSeries プロパティを持つ XamDataChart コントロールがどのように表示されるのかを示します。
以下のコードはこの実装で使用されます。
XAML の場合:
<ig:XamDataChart x:Name="theChart" Margin="5,0,5,0" >
<ig:XamDataChart.Axes>
<ig:CategoryXAxis x:Name="xmCategoryXAxis"
ItemsSource="{StaticResource CategoryData1}"
Label="{}{Category}">
<ig:CategoryXAxis.LabelSettings>
<ig:AxisLabelSettings x:Name="xmCategoryXAxisLabel" Extent="25" VerticalAlignment="Bottom" FontSize="11" />
</ig:CategoryXAxis.LabelSettings>
</ig:CategoryXAxis>
<ig:NumericYAxis x:Name="xmNumericYAxis1">
<ig:NumericYAxis.LabelSettings>
<ig:AxisLabelSettings x:Name="xmNumericYAxisLabel" Extent="50" Location="OutsideLeft" />
</ig:NumericYAxis.LabelSettings>
</ig:NumericYAxis>
</ig:XamDataChart.Axes>
<ig:XamDataChart.Series>
<ig:ColumnSeries x:Name="series1"
ItemsSource="{StaticResource CategoryData1}"
ValueMemberPath="Value"
XAxis="{Binding ElementName=xmCategoryXAxis}"
YAxis="{Binding ElementName=xmNumericYAxis1}">
<ig:ColumnSeries.ToolTip>
<TextBlock Text="{Binding Item.Value}" />
</ig:ColumnSeries.ToolTip>
</ig:ColumnSeries>
<ig:LineSeries ItemsSource="{StaticResource CategoryData2}"
ValueMemberPath="Value"
XAxis="{Binding ElementName=xmCategoryXAxis}"
YAxis="{Binding ElementName=xmNumericYAxis1}">
<ig:LineSeries.ToolTip>
<TextBlock Text="{Binding Item.Value}" />
</ig:LineSeries.ToolTip>
</ig:LineSeries>
<ig:ItemToolTipLayer
TargetSeries="{Binding ElementName=series1}"
/>
</ig:XamDataChart.Series>
</ig:XamDataChart>C# の場合:
var itemToolTipLayerSeries = new ItemToolTipLayer(); itemToolTipLayerSeries.TargetSeries = series1; chart.Series.Add(itemToolTipLayerSeries);