バージョン

コード ビハインドでチャートを作成

トピックの概要

目的

このトピックでは、コード ビハインドで XamDataChart™ コントロールを作成する詳細な方法を紹介します。

前提条件

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

トピック 目的

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

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

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

このトピックの内容

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

概要

プレビュー

以下は、コードビハインドでチャート コントロールを作成した結果のプレビューです。

DataChart Creating Chart In Code Behind 1.png

アプリケーションの要件

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

要件 説明

Infragistics 製品をインストール

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

チャート要件

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

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

アプリケーションの作成

  1. Visual Studio 2013-2017 またはそれ以降のバージョンで WPF アプリケーション プロジェクトを作成し、名前を SampleApp に設定します。

  1. 以下の名前空間をメイン コード ファイルにインポートします。

C# の場合:

using Infragistics.Controls.Charts;

Visual Basic の場合:

Imports Infragistics.Controls.Charts

アセンブリ参照の追加

  1. 以下の NuGet パッケージを SampleApp プロジェクトに追加します。

    • Infragistics.WPF.Charts

NuGet フィードのセットアップと NuGet パッケージの追加の詳細については、NuGet フィード ドキュメントを参照してください。

データ ソースの作成

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

  1. カテゴリ サンプル データのインスタンスを作成します。

C# の場合:

var data = new EnergyProductionDataSample();

Visual Basic の場合:

Dim data As New EnergyProductionDataSample()

軸の作成

横軸でラベルを表示するためのカテゴリ X 軸を作成します

C# の場合:

var xAxis = new CategoryXAxis();
xAxis.ItemsSource = data;
xAxis.Label = "{}{County}";

Visual Basic の場合:

Dim xAxis = New CategoryXAxis()
xAxis.ItemsSource = data
xAxis.Label = "{}{County}"

縦軸で値を表示するための数値 Y 軸を作成します

C# の場合:

var yAxis = new NumericYAxis();

Visual Basic の場合:

Dim yAxis = New NumericYAxis()

シリーズの作成

サンプル データ ソースへのバインディングおよびデータ マッピングが設定されるシリーズのインスタンスを作成します。また、シリーズに前のセクションで作成した 2 つの軸の設定が必要です。

C# の場合:

var series = new AreaSeries();
series.ValueMemberPath = "Coal";
series.ItemsSource = data;
series.XAxis = xAxis;
series.YAxis = yAxis;

Visual Basic の場合:

Dim series = New AreaSeries()
series.ValueMemberPath = "Coal"
series.ItemsSource = data
series.XAxis = xAxis
series.YAxis = yAxis

チャートの作成

1 つのシリーズおよび 2 つの軸の設定を持つチャート コントロールのインスタンスを作成します。

C# の場合:

var chart = new XamDataChart();
chart.Axes.Add(xAxis);
chart.Axes.Add(yAxis);
chart.Series.Add(series);

Visual Basic の場合:

Dim chart As New XamDataChart()
chart.Axes.Add(xAxis)
chart.Axes.Add(yAxis)
chart.Series.Add(series)

関連コンテンツ

トピック

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

トピック 目的

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

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

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