html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data table

    var table = anychart.data.table();

    // add data

    table.addData([

['2015-12-24', 511.53, 514.98, 505.79, 506.40],

['2015-12-25', 512.53, 514.88, 505.69, 510.34],

['2015-12-26', 511.83, 514.98, 505.59, 507.23],

['2015-12-27', 511.22, 515.30, 505.49, 506.47],

['2015-12-28', 511.53, 514.98, 505.79, 506.40],

['2015-12-29', 512.53, 513.88, 505.69, 510.34],

['2015-12-30', 511.83, 512.98, 502.59, 503.23],

['2015-12-31', 511.22, 515.30, 505.49, 506.47],

['2016-01-01', 510.35, 515.72, 505.23, 508.80]

    ]);

​

    // map loaded data

    var mapping = table.mapAs({'open': 1, 'high': 2, 'low': 3, 'close': 4});

​

    // create a stock chart

    var chart = anychart.stock();

​

    // add a series using mappin

    chart.plot(0).ohlc(mapping).name('ACME Corp. Stock Prices');

​

    // set container id for the chart

    chart.container('container');

​

    // initiate chart drawing

    chart.draw();

});