4.0.7 & 4.1 - Ext.chart.series.Bar renderer returns incorrect record when stacked

[EJ.Beauchamp]

Looking at the code, drawSeries is looping through the items in the chart, and calling:

me.renderer(sprite, store.getAt(i), barAttr, i, store)

When using a stacked barchart, where 2 items are displayed per record, leaves 4 items in the chart and only 2 in the store.


Example:

var myStore = Ext.create('Ext.data.Store', {
fields: ['name', 'a', 'b'],
data : [
{'name': 'First', 'a':10, 'b':20},
{'name': 'Second', 'a':15, 'b':15}
]
}); 

var chart = Ext.create('Ext.chart.Chart', {
animate: true,
style: 'background:#fff',
shadow: true,
width:193,
height:200,
renderTo: Ext.getBody(),
store: myStore,    
axes: [{
type: 'Numeric',
position: 'bottom',
fields: ['a', 'b']
}, {
type: 'Category',
position: 'left',
fields: ['name']
}],
series: [{
type: 'bar',
axis: 'bottom',
xField: 'name',
yField: ['a', 'b'],
stacked: true,
renderer: function(sprite, record, attr, index, store) {
console.log(index);
console.log(record);
return Ext.apply(attr, {});
}
}]
});​

Temporary fix:

rendererAttributes = me.renderer(sprite, items[i].storeItem, barAttr, i, store);

and

rendererAttributes = me.renderer(sprite, items[i].storeItem, Ext.apply(barAttr, { hidden: false }), i, store);

[mitchellsimoens]

Thanks for the report.