html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create a data table

    var table = anychart.data.table('x');

    // add data

    table.addData([

{'x':'2015-12-24', 'open': 511.53, 'high': 514.98, 'low': 505.79, 'close': 506.40},

{'x':'2015-12-25', 'open': 512.53, 'high': 514.88, 'low': 505.69, 'close': 510.34},

{'x':'2015-12-26', 'open': 511.83, 'high': 514.98, 'low': 505.59, 'close': 507.23},

{'x':'2015-12-27', 'open': 511.22, 'high': 515.30, 'low': 505.49, 'close': 506.47},

{'x':'2015-12-28', 'open': 511.53, 'high': 514.98, 'low': 505.79, 'close': 506.40},

{'x':'2015-12-29', 'open': 512.53, 'high': 513.88, 'low': 505.69, 'close': 510.34},

{'x':'2015-12-30', 'open': 511.83, 'high': 512.98, 'low': 502.59, 'close': 503.23},

{'x':'2015-12-31', 'open': 511.22, 'high': 515.30, 'low': 505.49, 'close': 506.47},

{'x':'2016-01-01', 'open': 510.35, 'high': 515.72, 'low': 505.23, 'close': 508.80}

    ]);

​

    // create a stock chart

    var chart = anychart.stock();

    // create a mapping

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

​

    // add a series using the mapping

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

​

    // set container id for the chart

    chart.container('container');

​

    // initiate chart drawing

    chart.draw();

});