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?
Oops.. screenshot didn't make it in. Here it is:
Figured it out by comparing it to the working stacked chart example using the debugger. I was missing a level of arrays.
Here is the fixed code hopefully it helps someone.
var series = [{
outline: "transparent",
radius: 0,
}];
//series.series[columnHeaderIndex] = {
series[0].series[columnHeaderIndex] = {