html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // set the data

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

  table.addData([

{"x":'2015-12-24', value: 27},

{"x":'2015-12-25', value: 25.5},

{"x":'2015-12-26', value: 23.1},

{"x":'2015-12-27', value: 26.9},

{"x":'2015-12-28', value: 29.7},

{"x":'2015-12-29', value: 30.3},

{"x":'2015-12-30', value: 23.7},

{"x":'2015-12-31', value: 20.4},

{"x":'2016-01-01', value: 23},

{"x":'2016-01-02', value: 27.5},

{"x":'2016-01-03', value: 28.2},

{"x":'2016-01-04', value: 23.3},

{"x":'2016-01-05', value: 28.9},

{"x":'2016-01-06', value: 29.3},

{"x":'2016-01-07', value: 28.4},

{"x":'2016-01-08', value: 22.8},

{"x":'2016-01-09', value: 25},

{"x":'2016-01-10', value: 26.5},

{"x":'2016-01-11', value: 27},

{"x":'2016-01-12', value: 27.8},

{"x":'2016-01-13', value: 24.2},

{"x":'2016-01-14', value: 29.3},

{"x":'2016-01-15', value: 28.1},

{"x":'2016-01-16', value: 30.4},

{"x":'2016-01-17', value: 28.9},

{"x":'2016-01-18', value: 24.8},

{"x":'2016-01-19', value: 31.7},

{"x":'2016-01-20', value: 29.9},

{"x":'2016-01-21', value: 24.9},

{"x":'2016-01-22', value: 29.9}

  ]);

  // map the data

  mapping = table.mapAs({x:'x', value:'value'});

​

  // set the chart type

  var chart = anychart.stock();

​

  // define the series

  var series = chart.plot(0).column(mapping);

    series.name("Alice's Springs");

​

  chart.title('Column in Stocks Demo: daily temperature \n(Object data notation)');

  chart.container('container');

​

  chart.draw();

});