CategoryHighlightLayer は、XamDataChart コントロール内の 1 つまたはすべてのカテゴリー軸を対象にしています。軸に、軸の主グリッド線の間に配置されるシリーズ、たとえば ColumnSeries などが含まれる場合、現在のカテゴリを塗りつぶすシェイプが描画されます。
LineSeries シリーズなどその他のシリーズの場合、ポインター位置に最も近いグリッドラインで調節可能な厚さを持つバンドを描画します。この場合、 UseInterpolation プロパティが有効になると、x 位置がポインターの x 位置に付け加えられます。
以下のスクリーンショットは、以下の設定の結果、 categoryHighlightLayer オブジェクトの bandHighlightWidth プロパティを持つ XamDataChart コントロールの外観がどのように見えるかを示しています。
以下のコードはこの例を実装します。
XAML の場合:
<ig:XamDataChart x:Name="theChart">
<ig:XamDataChart.Axes>
<ig:CategoryXAxis x:Name="xAxis"
ItemsSource="{Binding CategoryData1}"
Label="Category"/>
<ig:NumericYAxis x:Name="yAxis"/>
</ig:XamDataChart.Axes>
<ig:XamDataChart.Series>
<ig:CategoryHighlightLayer BandHighlightWidth="50"/>
<ig:LineSeries XAxis="{x:Reference xAxis}"
YAxis="{x:Reference yAxis}"
ItemsSource="{Binding CategoryData1}"
ValueMemberPath="Value">
</ig:LineSeries>
<ig:LineSeries XAxis="{x:Reference xAxis}"
YAxis="{x:Reference yAxis}"
ItemsSource="{Binding CategoryData2}"
ValueMemberPath="Value">
</ig:LineSeries>
</ig:XamDataChart.Series>
</ig:XamDataChart>C# の場合:
var catHighlightLayerSeries = new CategoryHighlightLayer(); catHighlightLayerSeries.BandHighlightWidth = 50; theChart.Series.Add(catHighlightLayerSeries);