バージョン

XamCategoryChart を使用した作業の開始

目的

このトピックではコード例を使用して、XamCategoryChart コントロールを Xamarin.Forms アプリケーションに追加する方法を説明します。

このトピックの内容

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

XamCategoryChart を Xamarin.Forms アプリケーションへ追加

概要

以下の手順は、XamCategoryChart を Xamarin.Forms アプリケーションに追加する方法を示します。

プレビュー

以下は XamCategoryChart のスクリーンショットです。

categorychart walkthrough 01.png

要件

以下は、XamCategoryChart コントロールを追加するための一般要件です。

  1. 「NuGet パッケージで参照を追加」を参照してください。

  2. XamCategoryChart を以下の方法で追加できます。

XAML の場合:

xmlns:ig="clr-namespace:Infragistics.XamarinForms.Controls.Charts;assembly=Infragistics.XF.Charts"

C# の場合:

using Infragistics.XamarinForms.Controls.Charts;

概要

以下はプロセスの概念的概要です。

1. XamCategoryChart を Xamarin.Forms アプリケーションへ追加

2. 結果の検証

手順

以下では XamCategoryChart コントロールをページに追加するために必要な手順を示します。

1. XamCategoryChart コントロールをページに追加します。

以下のコードは、表示に必要な最小限のコードとプロパティ設定で XamCategoryChart コントロールを追加します。 以下のコード サンプルはサンプル エネルギー データのリソースを使用します。

XAML の場合:

<Grid x:Name="LayoutRoot">
 <ig:XamCategoryChart ItemsSource="{Binding DataCollection}" />
</Grid>

2. 結果を確認します。

結果を確認するために、プロジェクトをビルドおよび実行します。 手順を正しく実装した場合、XamCategoryChart は上記のプレビュー セクションで示したように表示されます。

関連コンテンツ

トピック

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

トピック 目的

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

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