html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

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

​

    var scale = anychart.scales.log();

    scale.minimum(5);

    scale.maximum(100);

​

    var firstChart = anychart.sparkline([5, 50, 10, 60, 15, 40]);

​

    // Set YScale.

    firstChart.yScale(scale);

​

    firstChart.bounds("0%", 0, "50%", "5%");

    firstChart.height("10%");

    firstChart.container(stage);

    firstChart.draw();

​

    var secondChart = anychart.sparkline([30, 5, 30, 10, 35, 15]);

​

    // Set YScale.

    secondChart.yScale(scale);

​

    secondChart.bounds("50%", 0, "50%", "5%");

    secondChart.height("10%");

    secondChart.container(stage);

    secondChart.draw();

​

    var customTitle = anychart.standalones.title();

    customTitle.text("Set YScale");

    customTitle.orientation("top");

    customTitle.container(stage);

    customTitle.draw();

});