html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // create data table on loaded data

    var dataTable = anychart.data.table();

​

    dataTable.addData([

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

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

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

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

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

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

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

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

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

    ]);

​

​

    // map loaded data

    var mapping_1 = dataTable.mapAs({"value": 1});

    var mapping_2 = dataTable.mapAs({"value": 2});

    var rat_mapping = dataTable.mapAs({"priceA": 1, "priceB": 2});

​

    // create a stock chart

    var chart = anychart.stock();

​

    // create the first plot on the chart

    var plot_0 = chart.plot(0);

​

    // create a stock series

    plot_0.line(mapping_1).name('Stock 1');

    plot_0.line(mapping_2).name('Stock 2');

​

    // create the second plot on the chart

    var plot_1 = chart.plot(1);

​

    // create a RAT indicator and configure it

    var rat = plot_1.rat(rat_mapping);

    rat.baseDate('2015-12-27');

    rat.series().stroke("0.5 Red");

​

    // set container id for the chart

    chart.container('container');

​

    // initiate chart drawing

    chart.draw();

});