Hello, I am trying to turn the sample from http://www.igniteui.com/pivot-grid/chart-integration into a stacked chart.

I change the data source to my own, and modified the chart to be horizontal and that worked fine, then when I went to change it to stacked I got the message

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'slice'

Here is what I tried to add to make it stacked:

var series = {

name: "parent",

type: "stacked100Bar",

xAxis: "xAxis",

yAxis: "yAxis",

series: []

};

for (columnHeaderIndex = 0; columnHeaderIndex < columnHeaders.count() ; columnHeaderIndex++) {

series.series[columnHeaderIndex] = {

name: "series" + columnHeaderIndex,

title: columnHeaders.item(columnHeaderIndex).caption(),

//type: "bar",

type: "stackedFragment",

//xAxis: "xAxis",

//yAxis: "yAxis",

valueMemberPath: "col" + columnHeaderIndex

};

};

Here is what the series object looks like in the debugger:

Any ideas what I'm doing wrong or can someone just post a modified version of the infragistics example  from http://www.igniteui.com/pivot-grid/chart-integration that displays as a stacked chart?