html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // set the data

  table = anychart.data.table();

  table.addData([

['2016-04-01', 19.36, 18.18],

['2016-04-02', 19.89, 19.00],

['2016-04-03', 19.15, 18.43],

['2016-04-06', 18.76, 18.27],

['2016-04-07', 19.14, 18.63],

['2016-04-08', 19.62, 18.96],

['2016-04-09', 19.70, 19.22],

['2016-04-13', 19.85, 19.37],

['2016-04-14', 19.55, 19.00],

['2016-04-15', 19.25, 18.51],

['2016-04-16', 19.78, 18.99],

['2016-04-17', 19.69, 19.00],

['2016-04-20', 18.95, 18.57],

['2016-04-21', 19.08, 18.57],

['2016-04-22', 19.19, 18.70],

['2016-04-23', 18.94, 18.47],

['2016-04-24', 21.20, 19.50],

['2016-04-27', 20.82, 20.28],

['2016-04-28', 20.27, 19.79],

['2016-04-29', 20.89, 20.06],

['2016-04-30', 21.10, 20.01],

['2016-05-01', 20.35, 19.86],

['2016-05-04', 20.40, 19.98],

['2016-05-05', 20.24, 19.64],

['2016-05-06', 20.07, 19.61],

['2016-05-07', 19.99, 19.14],

['2016-05-08', 19.64, 19.14],

['2016-05-11', 19.73, 19.01],

['2016-05-12', 20.06, 19.47],

['2016-05-13', 20.00, 19.67],

['2016-05-14', 20.23, 19.80],

['2016-05-15', 20.50, 19.98],

['2016-05-18', 20.60, 20.24],

['2016-05-19', 20.74, 20.25],

['2016-05-20', 20.69, 20.22],

['2016-05-21', 20.23, 19.51],

['2016-05-22', 20.17, 19.47],

['2016-05-26', 20.45, 19.45],

['2016-05-27', 20.60, 20.07],

['2016-05-28', 20.63, 20.05],

['2016-05-29', 20.94, 20.30],

['2016-06-01', 21.50, 20.86],

['2016-06-02', 21.98, 21.20],

['2016-06-03', 21.76, 21.29],

['2016-06-04', 21.90, 21.58],

['2016-06-05', 22.31, 21.81],

['2016-06-08', 22.32, 21.63],

['2016-06-09', 22.32, 21.88],

['2016-06-10', 22.62, 22.12],

['2016-06-11', 23.26, 22.57],

['2016-06-12', 23.38, 22.74],

['2016-06-15', 23.54, 23.02],

['2016-06-16', 24.11, 23.44],

['2016-06-17', 23.82, 23.17],

['2016-06-18', 23.69, 23.30],

['2016-06-19', 24.34, 23.75],

['2016-06-22', 23.95, 23.25],

['2016-06-23', 23.66, 23.21],

['2016-06-24', 23.75, 23.36],

['2016-06-25', 23.92, 23.20],

['2016-06-26', 23.69, 23.32],

['2016-06-29', 24.03, 23.55],

['2016-06-30', 24.24, 23.63],

['2016-07-01', 24.30, 23.96],

['2016-07-02', 24.04, 23.21]

    ]);

    // map the data

    mapping = table.mapAs();

    mapping.addField('high', 1);

    mapping.addField('low', 2);

​

    // chart type

    var chart = anychart.stock();

​

    // set the series

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

    series.name("ACME Corp. stock prices");

​

    chart.title('Stock HiLo Demo: ACME Corp. Stock Prices \n(Array data notation)');

    chart.container('container');

    chart.draw();

});