html, body {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

button {

    margin: 10px 0 0 10px;

}

#container {

    position: absolute;

    width: 100%;

    top: 35px;

    bottom: 0;

}

anychart.onDocumentReady(function () {

​

    // set the default number of digits after the decimal point

    anychart.format.locales.default.numberLocale.decimalsCount = 2;

    // create a data table

    dataTable = anychart.data.table(0);

    // add data

    dataTable.addData([

      ["2015-12-25", 512.53, 514.88, 505.69, 507.34],

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

      ["2015-12-28", 510.35, 515.72, 505.23, 505.80],

      ["2015-12-29", 510.53, 515.86, 505.38, 508.25],

      ["2015-12-30", 511.43, 515.98, 505.66, 507.45],

      ["2015-12-31", 511.50, 515.33, 505.99, 507.98],

      ["2016-01-01", 511.32, 514.29, 505.99, 506.37],

      ["2016-01-02", 511.70, 514.87, 506.18, 506.75]

    ]);

    // map the data

    var mapping = dataTable.mapAs({open: 1, high: 2, low: 3, close: 4,

                                   risingStroke: 5, fallingStroke: 5});

    // create a stock chart and allow coloring individual points

    var chart = anychart.stock(true);

    // create a plot and an ohlc series

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

    ohlcSeries.name("ACME Corp.");

​

    // set the chart title

    chart.title().useHtml(true);

    chart.title("Table Data: Adding");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});

​

lastDate = new Date(2016, 1, 2);

// add a new data row

function addRow() {

  var newOpen = (Math.random() * 6) + 507;

  var newHigh = (Math.random() * 3) + 513;

  var newLow = (Math.random() * 2) + 505;

  var newClose = (Math.random() * 6) + 507;

  var newDate = new Date();

  newDate.setDate(lastDate.getDate() + 1);

  lastDate = newDate;

  //create new data

  var newData = [[newDate, newOpen, newHigh,

                  newLow, newClose, "4 #00838f"]];

  // add new data

  dataTable.addData(newData);

}