html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

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

​

    var data = [

        [new Date('28-Aug-07'), 511.53, 514.98, 505.79, 506.40],

        [new Date('29-Aug-07'), 507.84, 513.30, 507.23, 512.88],

        [new Date('30-Aug-07'), 512.36, 515.40, 510.58, 511.40],

        [new Date('31-Aug-07'), 513.10, 516.50, 511.47, 515.25],

        [new Date('01-Sep-07'), 515.02, 528.00, 514.62, 525.15]

    ];

​

    var chart1 = anychart.ohlc(data);

    chart1.bounds(0, 20, '50%', '100%');

​

    var xAxis1 = chart1.xAxis();

    xAxis1.ticks(true);

​

    var xScale = chart1.xScale();

    xScale.ticks([new Date('28-Aug-07'), new Date('30-Aug-07'), new Date('01-Sep-07')]);

    xScale.minimum(Date.UTC(2007, 7, 27)).maximum(Date.UTC(2007, 8, 1));

​

    chart1.container(stage);

    chart1.draw();

​

    var chart2 = anychart.candlestick(data);

    chart2.bounds('50%', 20, '50%', '100%');

​

    var xAxis2 = chart2.xAxis();

    xAxis2.ticks(true);

​

    // Get ticks.

    var ticks = xScale.ticks();

​

    var scale = chart2.xScale();

    scale.ticks(ticks.get());

    scale.minimum(Date.UTC(2007, 7, 27)).maximum(Date.UTC(2007, 8, 1));

​

    chart2.container(stage);

    chart2.draw();

​

    var title = anychart.standalones.title();

    title.text('Get and use ticks');

    title.container(stage);

    title.draw();

});