![categorychart walkthrough 01.png](images/categorychart_walkthrough_01.png)
このトピックではコード例を使用して、XamCategoryChart コントロールを WPF アプリケーションに追加する方法を説明します。
以下の手順は、XamCategoryChart を WPF アプリケーションに追加する方法を示します。
以下は XamCategoryChart のスクリーンショットです。
以下は、XamCategoryChart コントロールを追加するための一般要件です。
以下の NuGet パッケージ参照をメイン プロジェクトに追加します。
Infragistics.WPF.Charts
NuGet フィードのセットアップと NuGet パッケージの追加の詳細については、NuGet フィード ドキュメントを参照してください。
XAML の場合:
xmlns:ig="http://schemas.infragistics.com/xaml"
C# の場合:
using Infragistics.Controls.Charts;
Visual Basic の場合:
Imports Infragistics.Controls.Charts
以下はプロセスの概念的概要です。
1. XamCategoryChart を WPF アプリケーションへ追加
2. 結果の検証
以下では XamCategoryChart コントロールをページに追加するために必要な手順を示します。
以下のコードは、表示に必要な最小限のコードとプロパティ設定で XamCategoryChart コントロールを追加します。以下のコード サンプルはサンプル エネルギー データのリソースを使用します。
XAML の場合:
<Grid x:Name="LayoutRoot">
<ig:XamCategoryChart ItemsSource="{Binding DataCollection}" />
</Grid>
Visual Basic の場合:
Dim categoryChart As New XamCategoryChart()
categoryChart.ItemsSource = data
Me.LayoutRoot.Children.Add(categoryChart)
C# の場合:
var categoryChart = new XamCategoryChart();
categoryChart.ItemsSource = data;
this.LayoutRoot.Children.Add(categoryChart);
結果を確認するために、プロジェクトをビルドおよび実行します。手順を正しく実装した場合、XamCategoryChart は上記のプレビュー セクションで示したように表示されます。
このトピックの追加情報については、以下のトピックも合わせてご参照ください。