バージョン

MS Blend でチャートを作成

トピックの概要

目的

このトピックは、Microsoft® Blend で XamDataChart コントロールを作成する方法についての手順を提供します。

前提条件

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

トピック 目的

このトピックでは、 XamDataChart コントロールの概要を説明します。

このトピックでは、XamDataChart コントロールを使用して作業を開始する方法に関する情報を提供します。

このトピックでは、XamDataChart コントロールで利用可能な散布シリーズに関する情報を提供します。

概要

プレビュー

以下はこのトピックの最終結果のプレビューです。

DataChart Creating Chart In MS Blend 1.png

アプリケーションの要件

以下の表では、 XamDataChart の作成の要件を簡単に説明します。

要件 説明

Infragistics 製品をインストール

チャート コントロールは Infragistics 製品に含まれます。

データ ソース

チャート コントロールにはデータ ソースが必要です。このトピックは サンプル エネルギー データをデータ ソースとして提供します。エネルギー製造データのサンプル、またカスタムデータ ソースを追加することは可能です。チャート シリーズの要件に関して シリーズ要件トピックを参照してください。

チャート要件

チャート コントロールは シリーズと呼ばれ、さまざまなデータ視覚化をサポートします。このシリーズ オブジェクトは広範なデータ ソースを可視化できます。チャート コントロールにサポートされるシリーズの一覧は、 シリーズ タイプ トピックを参照してください。各シリーズ タイプは一定の要件を満たす (データ列の数およびタイプなど) データおよびデータをサポートされる軸によって、そのデータがプロットできます。各シリーズの要件については、 シリーズ要件トピックを参照してください。

このトピックは AreaSeries 1 つと 2 つの軸 (CategoryXAxis および NumericYAxis)、そして サンプル エネルギー データを使用します。

アプリケーションの作成

Microsoft® Blend で WPF アプリケーション プロジェクトを作成します。

Note
注:

Infragistics DataChart コントロールをデザイナー サーフェイスにドラッグ アンド ドロップするとき、Infragistics コンポーネントへの参照は自動的に追加されます。

データ ソースの作成

サンプル データ コードを サンプル エネルギー データ リソースからコピーしてプロジェクトに追加します。

チャートの作成

  1. 「アセット」ツールボックス パネルで、XamDataChart コントロールを検索します。

  1. XamDataChart コントロールをデザイン サーフェイスにドラッグ アンド ドロップします。

  1. XamDataChart コントロールを選択し、そのプロパティ パネルを開きます。

DataChart Creating Chart In MS Blend 2.png

以下の Infragistics ライブラリはプロジェクトに追加されます。

  • InfragisticsWPF4.Controls.Charts.XamDataChart.v23.2.dll

  • InfragisticsWPF4.DataVisualization.v23.2.dll

  • InfragisticsWPF4.v23.2.dll

  1. プロパティ パネルで、DataContext プロパティを検索します。

  1. [新規] ボタンをクリックします。

  1. CategorySampleData オブジェクトを選択して [OK] ボタンをクリックします。

DataChart Creating Chart In MS Blend 3.png

軸の作成

  1. プロパティ パネルで、データ チャート コントロールの Axes (コレクション) プロパティを検索します。

  1. Axes (コレクション) プロパティの省略記号 (…) ボタンをクリックします。

DataChart Creating Chart In MS Blend 4.png
  1. ドロップダウン コントロールから CategoryXAxis を選択し、[追加] ボタンをクリックします。

  1. ドロップダウン コントロールから NumericYAxis を選択し、[追加] ボタンをクリックします。

DataChart Creating Chart In MS Blend 5.png
  1. [OK] ボタンをクリックして軸コレクション エディターを閉じます。

  1. デザイン サーフェイスで、選択を CategoryXAxis オブジェクトに変更します。

    • データ チャートの中央に右クリックします。

    • [現在の選択の設定] メニュー項目を指定します

    • CategoryXAxis メニュー項目を選択します。

  1. プロパティ パネルで、CategoryXAxis オブジェクトの以下のプロパティを設定します。

プロパティ名 プロパティ タイプ プロパティ値 メモ

Name

文字列

xAxis

軸要素の識別名を設定します。

文字列

{Binding}

カスタム式を使用して設定する…​

Label

文字列

{}{Country}

カスタム式を使用して設定する…​

Title

文字列

X-Axis

軸の表示名を設定します。

  1. デザイン サーフェイスで、選択を NumericYAxis オブジェクトに変更します。

    • データ チャートの中央に右クリックします。

    • [現在の選択の設定] メニュー項目を指定します

    • NumericYAxis メニュー項目を選択します。

  1. プロパティ パネルで、NumericYAxis オブジェクトの以下のプロパティを設定します。

プロパティ名 プロパティ タイプ プロパティ値 メモ

Name

文字列

yAxis

軸要素の識別名を設定します。

Title

文字列

Y-Axis

軸の表示名を設定します。

Note
注:

NumericYAxis は、Series オブジェクトにバインドされるデータの範囲に基づいて MinimumValue および MaximumValue を自動的に計算します。このプロパティを設定する必要がありません。

シリーズの作成

  1. プロパティ パネルで、データ チャート コントロールの Series (コレクション) プロパティを検索します。

  1. Series (コレクション) プロパティの省略記号 (…) ボタンをクリックします。

DataChart Creating Chart In MS Blend 6.png
  1. ドロップダウン コントロールから AreaSeries を選択し、[追加] ボタンをクリックします。

DataChart Creating Chart In MS Blend 7.png
  1. [OK] ボタンをクリックしてシリーズ コレクション エディターを閉じます。

  1. デザイン サーフェイスで、選択を AreaSeries オブジェクトに変更します。

    • データ チャートの中央に右クリックします。

    • [現在の選択の設定] メニュー項目を指定します

    • AreaSeries メニュー項目を選択します。

  1. プロパティ パネルで、AreaSeries オブジェクトの以下のプロパティを設定します。

プロパティ名 プロパティ タイプ プロパティ値 メモ

Name

文字列

AreaSeries

文字列

{Binding}

カスタム式を使用して設定する…​

文字列

Coal

カスタム式を使用して設定する…​

文字列

{Binding ElementName=xAxis}

カスタム式を使用して設定する…​

文字列

{Binding ElementName=yAxis}

カスタム式を使用して設定する…​

Note
注:

軸プロパティのバインディングの要素名は、以前のセクションで軸オブジェクトに設定された名前と一致する必要があります。

関連コンテンツ

トピック

このトピックの追加情報については、以下のトピックも合わせてご参照ください。

トピック 目的

このトピックでは、 XamDataChart コントロールの概要を説明します。

このトピックでは、XamDataChart コントロールを使用して作業を開始する方法に関する情報を提供します。

このトピックでは、XamDataChart コントロールで利用可能な散布シリーズに関する情報を提供します。