html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.column();

​

    var series1 = chart.column([10, 11, 10, 12]);

    series1.rendering({point: drawer});

​

    var series2 = chart.column([7, 3, 4, 1]);

    series2.rendering({point: drawer});

​

    var series3 = chart.column([6, 4, 8, 16]);

    series3.rendering({point: drawer});

​

    var yScale = chart.yScale();

    yScale.stackMode('percent');

​

    chart.title('Get stacked value');

    chart.container('container');

    chart.draw();

});

function drawer() {

​

    // Get stacked value.

    var value = this.getStackedValue();

    // After that you can do something with this values.

​

    if (this.missing) {

        return;

    }

    var shapes = this.getShapesGroup(this.pointState);

​

    var leftX = this.x - this.pointWidth / 2;

    var rightX = leftX + this.pointWidth;

​

    shapes['path']

        .moveTo(leftX, this.zero)

        .lineTo(this.x, this.value)

        .lineTo(rightX, this.zero)

        .close();

}