![DataChart Creating Chart In Code Behind 1.png](images/DataChart_Creating_Chart_In_Code_Behind_1.png)
This topic provides detailed instruction on how to create the XamDataChart™ control in code-behind.
The following topics are prerequisites to understanding this topic:
This topic contains the following sections:
The following is the preview of the result of creating chart control in code-behind.
The following table lists requirements for creating the XamDataChart control.
The chart control supports various types of data visualizations called Series. These series objects can visualize wide range of data source. Refer to the Series Types topic for complete list of series supported in the chart control. Each type of series can plot data that meets certain requirements (such as number of data column and their types) as well as what type of axis can be used with it. Refer to the Series Requirements topic for requirements for each of the series.
For demonstration purpose, this topic uses Sample Energy Data with only one AreaSeries and two axes: CategoryXAxis and NumericYAxis.
Create WPF application project using Visual Studio 2013-2017 or latest and call it SampleApp
Import the following namespaces to the main code file:
In C#:
using Infragistics.Controls.Charts;
In Visual Basic:
Imports Infragistics.Controls.Charts
Add the following NuGet package to the SampleApp project:
Infragistics.WPF.Charts
For more information on setting up the NuGet feed and adding NuGet packages, you can take a look at the following documentation: NuGet Feeds.
Copy sample data code from the Sample Energy Data resource and add it to the SampleApp project
Create an instance of category sample data:
In C#:
var data = new EnergyProductionDataSample();
In Visual Basic:
Dim data As New EnergyProductionDataSample()
Create category x-axis for displaying labels on horizontal axis
In C#:
var xAxis = new CategoryXAxis(); xAxis.ItemsSource = data; xAxis.Label = "{}{County}";
In Visual Basic:
Dim xAxis = New CategoryXAxis() xAxis.ItemsSource = data xAxis.Label = "{}{County}"
Create numeric y-axis for displaying values on vertical axis
In C#:
var yAxis = new NumericYAxis();
In Visual Basic:
Dim yAxis = New NumericYAxis()
Create an instance of a series and with bounding to the sample data source and set data mapping. In addition, the series must have settings for two axes created in previous section.
In C#:
var series = new AreaSeries();
series.ValueMemberPath = "Coal";
series.ItemsSource = data;
series.XAxis = xAxis;
series.YAxis = yAxis;
In Visual Basic:
Dim series = New AreaSeries()
series.ValueMemberPath = "Coal"
series.ItemsSource = data
series.XAxis = xAxis
series.YAxis = yAxis
Create an instance of the chart control with settings for one series and two axes.
In C#:
var chart = new XamDataChart();
chart.Axes.Add(xAxis);
chart.Axes.Add(yAxis);
chart.Series.Add(series);
In Visual Basic:
Dim chart As New XamDataChart()
chart.Axes.Add(xAxis)
chart.Axes.Add(yAxis)
chart.Series.Add(series)
The following topics provide additional information related to this topic.