Version

Getting Started with XamCategoryChart

Purpose

This topic explains using a code example how to add the XamCategoryChart control to Xamarin.Forms applications.

Adding XamCategoryChart to the Xamarin.Forms application

Introduction

The following procedure demonstrates adding the XamCategoryChart to Xamarin.Forms applications.

Preview

The following is a screenshot of the XamCategoryChart

categorychart walkthrough 01.png

Requirements

Following are the general requirements for adding the XamCategoryChart control.

  1. Add assembly references by following instructions in the Add References Through NuGet Packages topic.

  2. You can add the XamCategoryChart by using either of the following:

In XAML:

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

In C#:

using Infragistics.XamarinForms.Controls.Charts;

Overview

Following is a conceptual overview of the process:

1. Adding the XamCategoryChart control to Xamarin.Forms applications

2. Verifying the results

Steps

The following procedure takes you through the steps necessary for adding the XamCategoryChart control to a page.

1. Add the XamCategoryChart control to the page.

The following code demonstrates adding the XamCategoryChart control with the minimum code and property settings required for display. The below code sample uses the Sample Energy Data resource.

In XAML:

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

2. Verify the results.

Build and run your project to verify the result. If you have implemented the steps correctly, the displayed XamCategoryChart should look like the one in the Preview section above.

Related Content

Topics

The following topics provide additional information related to this topic:

Topic Purpose

This topic describes in detail how to bind the control to data.

This topic provides a conceptual overview of the Category Chart control.