バージョン

十字線レイヤー

トピックの概要

目的

このトピックは、ホバー操作に使用される十字線レイヤーについての情報を提供します。十字線のプロパティについて説明し、実装例を示します。

前提条件

本トピックの理解を深めるために、以下のトピックを参照することをお勧めします。

トピック 目的

XamDataChart コントロールは、コントロールの DataContext プロパティにマップされるデータ オブジェクト モデルを必要とします。ここでは、簡単なデータ オブジェクト モデルを提供しますが、自分自身で作成し、このサンプル コードの代わりに使用することができます。

このトピックは、XamDataChart コントロールのカテゴリ シリーズのさまざまなタイプを説明します。

このトピックの内容

このトピックは、以下のセクションで構成されます。

概要

十字線レイヤーの概要

CrosshairLayer は、対象とするよう構成される各シリーズの実際の値で異なるセットの線を描画する各シリーズと交差する十字線として描画されます。

レイヤーには、デフォルトで XamDataChart コントロール上のすべてのシリーズを対象とする場合に 1 つの特別なシリーズのみを表示するように CrosshairLayer を構成できます。これを実行するには、 TargetSeries プロパティを設定します。このプロパティの詳細は、以下のプロパティ セクションを参照してください。

デフォルトでは、十字線の色は交差するシリーズよりも軽い色になります。しかし、このデフォルト値は、十字線に使用される色を選択できるようにオーバーライドできます。これは、 Brush プロパティを設定することによって行います。このプロパティの詳細は、以下の 共通のプロパティ セクションを参照してください。

プレビュー

以下の画像は、CrosshairLayer を追加して描画した XamDataChart コントロールのプレビューです。

Crosshair Layer 1.png

プロパティ

十字線レイヤーのプロパティ

以下の表で、十字線レイヤーのプロパティを簡単に説明します。

プロパティ名 プロパティ タイプ 説明

Visibility

このプロパティは、十字線レイヤーの水平線を表示するかかどうかを指定します。

Visibility

このプロパティは、十字線レイヤーの垂直線を表示するかかどうかを指定します。

Series

このプロパティは、どのシリーズに有効な十字線レイヤーを設定するかを指定します。

各シリーズごとに別々に十字線レイヤーを作成して個別に構成できます。

bool

このプロパティは、垂直の十字線がデータ ポイント間の補間位置でシリーズと交差すべきかどうかを指定します。通常、十字線レイヤーはシリーズ内に最も近い点を見つけ、十字線がその点に一致するようにしますが、点がまばらである場合はこのプロパティを有効にします。

bool

このプロパティは十字線と軸が交差する場所に注釈を描画するかどうかを指定します。

以下のスクリーン ショットは、以下の設定を使用して作成される CrosshairLayer オブジェクト外観の TargetSeries を XamDataChart コントロールがどのように制御するかを示します。

プロパティ

series1

Crosshair Layer 2.png

以下のコードはこの実装で使用されます。

C# の場合:

var crosshairLayerSeries = new CrossHairLightLayer();
crosshairLayerSeries.TargetSeries = series1;
chart.Series.Add(crosshairLayerSeries);

関連コンテンツ

トピック 目的

このトピックは、利用可能な異なる型のホバー操作レイヤーなど、 XamDataChart™ コントロール上で利用できるホバー操作について概念的な情報を提供します。

このトピックは、ホバー操作機能が、 Series クラスから継承したツールチップの相互作用を強調表示、ホバリングおよび相互作用するために使用するプロパティおよびメソッドについての情報を提供します。

このトピックは、ホバー操作に使用されるカテゴリ項目強調表示レイヤーについての情報を提供します。カテゴリ項目強調表示レイヤーのプロパティについて説明し、実装例を示します。

このトピックは、ホバー操作に使用されるカテゴリ ツールチップ レイヤーについての情報を提供します。カテゴリ ツールチップ レイヤーのプロパティについて説明し、実装例を提供します。

このトピックは、ホバー操作に使用される項目ツールチップ レイヤーについての情報を提供します。項目ツールチップ レイヤーのプロパティについて説明し、実装例も提供します。