I am creating a vertical chart with stacked:true but it is not putting the bar on top of each other even I added the stacked:true in the code.
I am using sencha touch chart 2.0 .

Any kind of input will help me.

I am using below code:


Ext.chart.Chart({
store: store,
renderTo: Ext.getBody(),
flex: 1,
shadow: true,
autoShow: true,
animate: { duration: 2000, delay: 0, easing: 'ease' },
maxGutter: [10, 10],
legend: {
position: 'right'
},
axes: [
{
type: 'Numeric',
position: 'left',
fields: [RA.app.groupByValueBar[0],RA.app.groupByValueBar[1],RA.app.groupByValueBar[2],RA.app.groupByValueBar[3],'Other'],
label: {
renderer: Ext.util.Format.numberRenderer('0,0'),
},
minimum: 0,
maximum: RA.app.Ymax
},
{
type: 'Category',
position: 'bottom',
fields: RA.app.xs[RA.app.currentActivePanelIndex],
title: RA.app.xs[RA.app.currentActivePanelIndex]
}
],
series: [{
type: 'column',
axis: 'bottom',
highlight: true,
stacked: true,
xField: RA.app.xs[RA.app.currentActivePanelIndex],
yField: [RA.app.groupByValueBar[0],RA.app.groupByValueBar[1],RA.app.groupByValueBar[2],RA.app.groupByValueBar[3],'Other'],
showInLegend: true
}], //close series
Thanks