Need Help: igDataChart | Infragistics Forums

Hi,

Please see the codes below, I modify the Index page in Home controller.

@*Reference the Infragistics ASP.NET MVC Helpers Assembly*@
@using Infragistics.Web.Mvc

@*By defining the model type here, it is accessed in the View using the Model property*@
@model igDataChartMVCExporttoPDF.Models.CustomersViewModel

@{
Layout = "~/Views/Shared/_Layout.cshtml";
}

<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>

<style>
BODY {
font: 1em "Segoe UI",Helvetica,Tahoma,Arial,Verdana,sans-serif;
}

H2 {
margin: 40px 0 0 0;
}

H3 {
margin: 10px 0 0 0;
}
</style>

</head>
<body>
<span>Body start</span>
@using (Html.BeginForm())
{

<span>Hello world!</span>

}
<span>Body end</span>

</html>

$("#chart").igDataChart({
width: "100%",
height: "400px",
title: "Population per Country",
subtitle: "Five largest projected populations for 2015",
dataSource: data,
axes: [
{
name: "NameAxis",
type: "categoryX",
title: "Country",
label: "CountryName"
},
{
name: "PopulationAxis",
type: "numericY",
minimumValue: 0,
title: "Millions of People",
}
],
series: [
{
name: "2015Population",
type: "column",
isHighlightingEnabled: true,
isTransitionInEnabled: true,
xAxis: "NameAxis",
yAxis: "PopulationAxis",
valueMemberPath: "Pop2015"
}
]
});
});

</script>

This works fine, but if I apply this in my project it return error "TypeError: closeIcon_.html(...).buttonMarkup is not a function", I am using infragistics igniteui 14.1.20141.2249.