This example shows how to create a column `Chart` with a stacked Numeric Axis.
{{>charts-stackedcolumn-source}}
This example shows how to create a Stacked Column Chart.
A Stacked Chart is one in which its series are plotted cumulatively against a value axis. Stacked Charts are often used to compare the contribution of each series across categories.
In the previous example, we made a column chart. In this example, we're going use the `stacked` attribute to change it to a Stacked Column Chart.
CSS
```
#mychart {
margin:10px 10px 10px 10px;
width:90%;
max-width: 800px;
height:400px;
}
```
HTML
```
```
JavaScript
```
var myDataValues = [
{category:"5/1/2010", miscellaneous:2000, expenses:3700, revenue:2200},
{category:"5/2/2010", miscellaneous:50, expenses:9100, revenue:100},
{category:"5/3/2010", miscellaneous:400, expenses:1100, revenue:1500},
{category:"5/4/2010", miscellaneous:200, expenses:1900, revenue:2800},
{category:"5/5/2010", miscellaneous:5000, expenses:5000, revenue:2650}
];
var mychart = new Y.Chart({
dataProvider:myDataValues,
render:"#mychart",
type:"column",
stacked:true
});
```
Technically, all charts plotted against x and y axes can be stacked. The following series types are most commonly and effectively displayed stacked:
- `combo`
- `column`
- `bar`
- `area`
- `areaspline`
- `combospline`