html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // set the data

    var table = anychart.data.table();

    table.addData([

        ["2018-01-12", 177.360001, 175.649994],

        ["2018-01-16", 179.389999, 176.139999],

        ["2018-01-17", 179.25, 175.070007],

        ["2018-01-18", 180.100006, 178.25],

        ["2018-01-19", 179.580002, 177.410004],

        ["2018-01-22", 177.779999, 176.600006],

        ["2018-01-23", 179.440002, 176.820007],

        ["2018-01-24", 177.300003, 173.199997],

        ["2018-01-25", 174.949997, 170.529999],

        ["2018-01-26", 172, 170.059998],

        ["2018-01-29", 170.160004, 167.070007],

        ["2018-01-30", 167.369995, 164.699997],

        ["2018-01-31", 168.440002, 166.5],

        ["2018-02-01", 168.619995, 166.759995],

        ["2018-02-02", 166.800003, 160.100006],

        ["2018-02-05", 163.880005, 156],

        ["2018-02-06", 163.720001, 154],

        ["2018-02-07", 163.399994, 159.070007],

        ["2018-02-08", 161, 155.029999],

        ["2018-02-09", 157.889999, 150.240005],

        ["2018-02-12", 163.889999, 157.509995],

        ["2018-02-13", 164.75, 161.649994],

        ["2018-02-14", 167.539993, 162.880005],

        ["2018-02-15", 173.089996, 169],

        ["2018-02-16", 174.820007, 171.770004],

        ["2018-02-20", 174.259995, 171.419998],

        ["2018-02-21", 174.119995, 171.009995],

        ["2018-02-22", 173.949997, 171.710007],

        ["2018-02-23", 175.649994, 173.539993],

        ["2018-02-26", 179.389999, 176.210007],

        ["2018-02-27", 180.479996, 178.160004],

        ["2018-02-28", 180.619995, 178.050003],

        ["2018-03-01", 179.779999, 172.660004],

        ["2018-03-02", 176.300003, 172.449997],

        ["2018-03-05", 177.740005, 174.520004],

        ["2018-03-06", 178.25, 176.130005],

        ["2018-03-07", 175.850006, 174.270004],

        ["2018-03-08", 177.119995, 175.070007],

        ["2018-03-09", 180, 177.389999],

        ["2018-03-12", 182.389999, 180.210007],

        ["2018-03-13", 183.5, 179.240005],

        ["2018-03-14", 180.520004, 177.809998],

        ["2018-03-15", 180.240005, 178.070007],

        ["2018-03-16", 179.119995, 177.619995],

        ["2018-03-19", 177.470001, 173.660004],

        ["2018-03-20", 176.800003, 174.940002],

        ["2018-03-21", 175.089996, 171.259995],

        ["2018-03-22", 172.679993, 168.600006],

        ["2018-03-23", 169.919998, 164.940002],

        ["2018-03-26", 173.100006, 166.440002],

        ["2018-03-27", 175.149994, 166.919998],

        ["2018-03-28", 170.020004, 165.190002],

        ["2018-03-29", 171.75, 166.899994],

        ["2018-04-02", 168.940002, 164.470001],

        ["2018-04-03", 168.75, 164.880005],

        ["2018-04-04", 172.009995, 164.770004],

        ["2018-04-05", 174.229996, 172.080002],

        ["2018-04-06", 172.479996, 168.199997],

        ["2018-04-09", 173.089996, 169.850006],

        ["2018-04-10", 174, 171.529999],

        ["2018-04-11", 173.919998, 171.699997],

        ["2018-04-12", 175, 173.039993]

    ]);

​

    // map the data

    var 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("Apple Inc. (AAPL)");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});