Amcharts- Stacked column not stacked - amcharts

Question

I'm trying to plot a stacked column graph. Instead of the various components being one on top of the other, they are appearing one next to the other.
Here's the property I'm using
var stackedProps= {
type: "serial",
titles: [{
text: "STACKED CHART",
size: 24,
alpha: 5
}],
valueAxis: [{
stackType: "regular",
axisAlpha: 0.3,
gridAlpha: 0
}],
graphs: [{
balloonText: "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
fillAlphas: 0.8,
lineAlpha: 0.3,
title: "AAAA",
type: "column",
color: "#000000",
valueField: "AAAA"
}, {
balloonText: "<b>[[title]]</b><br><span style='font-size:5px'>[[category]]: <b>[[value]]</b></span>",
fillAlphas: 0.8,
lineAlpha: 0.3,
title: "BBBB",
type: "column",
color: "#000000",
valueField: "BBBB"
}
};
My understanding is that the property stackType: "regular" is responsible for stacking the items one on top of the other.
Could I please request help to identify the mistake?

Answer 1

The serial charts support multiple value axes. Therefore the property is valueAxes (plural form).
If you have it as "valueAxis" (as it seems the case in your code), it is ignored by the chart like any other unknown property, hence columns not being stacked.
So bottom line, if you want to stack your columns, you define valueAxes. If you don't want to stack them, you can completely leave out that part. (unless you want to set some other value axis settings)