html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    anychart.format.outputDateTimeFormat('dd MMMM yyyy');

​

    var chart = anychart.candlestick();

​

    // Adds candlestick series.

    chart.candlestick([

        {x: Date.UTC(2007, 7, 28), open: 511.53, high: 514.98, low: 505.79, close: 506.40},

        {x: Date.UTC(2007, 7, 29), open: 506.40, high: 513.30, low: 505.23, close: 512.88},

        {x: Date.UTC(2007, 7, 30), open: 512.88, high: 515.40, low: 510.58, close: 511.40},

        {x: Date.UTC(2007, 7, 31), open: 511.40, high: 516.50, low: 509.47, close: 514.25}

    ]);

​

    var axis = chart.xAxis();

​

    var labels = axis.labels();

    labels.format(function() {

        return anychart.format.dateTime(this.value);

    });

​

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

    chart.title('Add Candlestick series to a chart');

    chart.container('container');

    chart.draw();

});