バージョン

チャート マーカーの構成

マーカーは、XamCategoryChart コントロールのプロット領域のデータ ポイント値に表示される視覚的要素です。マーカーは、値が主グリッド線と副グリッド線の間にある場合に、指定したデータ ポイントの値をただちに識別できるようユーザーをサポートをします。 このセクションは、XamCategoryChart コントロールのマーカーでの作業に関するタスクベースの手順についての役立つ情報を提供します。

このトピックの内容

このトピックには以下のセクションがあります。

チャート マーカーの外観は、XamCategoryChart クラスのマーカー プロパティで管理できます。

マーカーの外観

以下の表は、マーカーのすべての外観プロパティの一覧です。

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

チャートのすべてのシリーズで表示されるマーカーのタイプを決定します。

マーカーの塗りつぶし色を決定します。

マーカーのアウトライン色を決定します。

マーカー タイプ

名前 タイプ 説明

CircleMarker

円マーカーのタイプを表示します。

DiamondMarker

ダイアモンド マーカーのタイプを表示します。

HexagonMarker

六角形マーカーのタイプを表示します。

HexagramMarker

六線星形マーカーのタイプを表示します。

PentagramMarker

星形五角形マーカーのタイプを表示します。

PentagonMarker

五角形マーカーのタイプを表示します。

PyramidMarker

ピラミッドマーカーのタイプを表示します。

SquareMarker

四角形マーカーのタイプを表示します。

TetragramMarker

テトラグラム マーカーのタイプを表示します。

TriangleMarker

三角形マーカーのタイプを表示します。

以下のコードは、XamCategoryChart のマーカー タイプの変更方法を示します。

XAML の場合:

<ig:XamCategoryChart ItemsSource="{Binding}" ChartType="Line" MarkerTypes="Circle Diamond Square" />

以下のスクリーンショットは、折れ線チャート タイプでダイアモンド マーカーを使用した XamCategoryChart コントロールを示します。

categorychart configuring chart markers 01.png

マーカー ブラシとアウトライン

以下のコード スニペットは、XamCategoryChart の MarkerBrushes および MarkerOutlines の変更方法を示します。

XAML の場合:

<ig:XamCategoryChart
      MarkerBrushes="White"
      MarkerOutlines="Red Orange Green"
      Brushes="Red Orange Green"
	  ChartType="Line">
</ig:XamCategoryChart>

以下のスクリーンショットは、折れ線チャート タイプでマーカーをカスタマイズした XamCategoryChart コントロールを示します。

categorychart configuring chart markers 02.png

関連コンテンツ

トピック 目的

このトピックは、コントロールをデータにバインドする方法を紹介します。

このトピックは、カテゴリ チャート コントロールの概要を提供します。