html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var stage = anychart.graphics.create("container");

    var columnChart = anychart.column();

    columnChart.bounds(0, 0, "100%", "50%");

    var series = columnChart.line([12, 25, 18, 29]);

    var labels = series.labels();

    labels.enabled(true);

    labels.height("5%");

    labels.width("5%");

    labels.background({fill: "#FFFFFF"});

    labels.format(function () {

        return "Value: " + this.value + "\n" + "Index: " + this.index

    });

    labels.adjustFontSize(true, true);

    columnChart.container(stage);

    columnChart.draw();

    var lineChart = anychart.line();

    lineChart.bounds(0, "50%", "100%", "50%");

    var lineSeries = lineChart.line([12, 25, 18, 29]);

    var lineLabels = lineSeries.labels();

    lineLabels.enabled(true);

    lineLabels.height("5%");

    lineLabels.width("5%");

    lineLabels.background({fill: "#FFFFFF"});

    lineLabels.format(function () {

        return "Value: " + this.value + "\n" + "Index: " + this.index

    });

    var adjustFontSize = labels.adjustFontSize(); // get adjust font size

    lineLabels.adjustFontSize(adjustFontSize);

    lineChart.container(stage);

    lineChart.draw();

});