html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // create a data table

    var dataTable = anychart.data.table("x");

    // add data

    dataTable.addData([

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

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

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

      {"x": "2015-12-28", "open": 510.35, "high": 515.72, "low": 505.23, "close": 505.80},

      {"x": "2015-12-29", "open": 510.53, "high": 515.86, "low": 505.38, "close": 508.25},

      {"x": "2015-12-30", "open": 511.43, "high": 515.98, "low": 505.66, "close": 507.45},

      {"x": "2015-12-31", "open": 511.50, "high": 515.33, "low": 505.99, "close": 507.98},

      {"x": "2016-01-01", "open": 511.32, "high": 514.29, "low": 505.99, "close": 506.37},

      {"x": "2016-01-02", "open": 511.70, "high": 514.87, "low": 506.18, "close": 506.75}

    ]); 

    // map the data

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

​

    // create a stock chart

    var chart = anychart.stock();

    // create a plot and an ohlc series

    var ohlcSeries = chart.plot(0).ohlc(mapping);

    ohlcSeries.name("ACME Corp.");

    // set the chart title

    chart.title("Table Data: Array of Objects");

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});