html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

// create a data table

var dataTable = anychart.data.table();

​

// add data

dataTable.addData([

    ["2014-01-02",92.86,93.05,91.2,91.55,5327800],

    ["2014-01-05",92,93.09,92,93.05,5276300],

    ["2014-01-06",92.2,93.19,92.14,93.06,4380000],

    ["2014-01-07",93.14,93.38,92.47,92.78,4927600],

    ["2014-01-08",93.21,93.21,92.03,93.04,6179800],

    ["2014-01-09",91.75,92.35,91,91.21,7930900],

    ["2014-01-12",91.21,92.14,91.21,91.55,5130400],

    ["2014-01-13",91.45,91.51,89.01,89.7,8842500],

    ["2014-01-14",89.9,90.46,89.75,90.31,5505100],

    ["2014-01-15",95.07,95.65,93.55,94.02,8912000],

    ["2014-01-16",95,95.35,94.71,95.32,5487107],

    ["2014-01-20",96,97.44,95.73,97.1,7233108],

    ["2014-01-21",97.23,98.04,96.64,97.7,6949000],

    ["2014-01-22",97.84,98.16,97.32,97.51,4371600],

    ["2014-01-23",97.82,98.21,97.1,97.9,5283900],

    ["2014-01-26",97.9,99.85,97.56,99.85,6189400],

    ["2014-01-27",99.4,99.67,98.7,98.8,5345300],

    ["2014-01-28",99.15,99.42,97.28,97.38,6549700],

    ["2014-01-29",98.1,98.6,96.55,98.01,6642500],

    ["2014-01-30",98.02,99.33,97.84,99.23,6137600],

    ["2014-02-02",99.15,99.94,98.5,99.39,6200000],

    ["2014-02-03",99,100,98.95,100,5604300],

    ["2014-02-04",99.38,100.43,99.3,100.19,8387500],

    ["2014-02-05",100,100.09,98.26,98.86,5975000],

    ["2014-02-06",98.85,99.24,98.25,98.94,5516900],

    ["2014-02-09",99.31,99.44,98.6,98.95,3742400],

    ["2014-02-10",98.45,99.97,98.41,99.61,4057500],

    ["2014-02-11",99.2,100.31,98.8,99.96,5505700],

    ["2014-02-12",100.06,100.3,99.3,99.3,3611500]

]);

​

​

// map the data

var mapping1 = dataTable.mapAs({"value": 4});

var mapping2 = dataTable.mapAs({"value": 5});

// create stock chart

var chart = anychart.stock();

​

// create a column series

chart.plot(0).column(mapping1);

​

// set the range of points shown on the chart

chart.selectRange("2014-01-13", "2014-02-04");

​

// create a thumbnail series in the scroller

var scrollerSeries = chart.scroller().column(mapping2);

​

// set the color for the selected columns in the thumbnail series

scrollerSeries.selected().fill("#00796B");

​

// set container id

chart.container("container");

​

// initiate drawing the chart

chart.draw();

});