バージョン

最終値レイヤー

トピックの概要

目的

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

前提条件

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

トピック 目的

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

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

このトピックの内容

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

概要

最終値レイヤー概要

FinalValueLayerXamDataChart コントロールにシリーズの現在 (最終) 値を表すチャートの軸に沿い注釈を表します。

別の構成を持つ複数の最終値レイヤーが必要な場合、特別なシリーズを対象とする注釈を構成できます。これには、TargetSeries プロパティを設定します。このプロパティの詳細は、以下のプロパティを参照してください。

プレビュー

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

datachart finalvaluelayer wpf.png

プロパティ

最終値レイヤーまとめ

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

プロパティ名 プロパティ型 説明

FinalValueSelectionMode

選択モードはデータ内の最終値の識別方法を決定します。

Series

この注釈が対象にするシリーズを取得または設定します。null 値の場合、この注釈はすべてのシリーズを同時に対象にします。

Brush

このプロパティは注釈の背景色を選択するために使用されます。デフォルトはシリーズのブラシを使用します。

Brush

このプロパティは注釈のテキストの色を選択するために使用されます。

Brush

このプロパティは注釈のアウトライン色を選択するために使用されます。

以下のコードは上記の例を実装します。

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:CategoryXAxis>
      <ig:NumericYAxis x:Name="xmNumericYAxis1">
      </ig:NumericYAxis>
   </ig:XamDataChart.Axes>
   <ig:XamDataChart.Series>
      <ig:ColumnSeries x:Name="columnSeries"
                       ItemsSource="{StaticResource CategoryData1}"
                       ValueMemberPath="Value"
                       XAxis="{Binding ElementName=xmCategoryXAxis}"
                       YAxis="{Binding ElementName=xmNumericYAxis1}">
      </ig:ColumnSeries>
      <ig:LineSeries x:Name="lineSeries"
                     ItemsSource="{StaticResource CategoryData2}"
                     ValueMemberPath="Value"
                     XAxis="{Binding ElementName=xmCategoryXAxis}"
                     YAxis="{Binding ElementName=xmNumericYAxis1}">
      </ig:LineSeries>

      <ig:FinalValueLayer TargetSeries="{Binding ElementName=lineSeries}"/>
   </ig:XamDataChart.Series>
</ig:XamDataChart>

C# の場合:

var finalValue = new FinalValueLayer();
finalValue.TargetSeries = theChart.Series[0];
theChart.Series.Add(finalValue);
トピック 目的

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

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

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

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

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