html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

// The data used in this sample can be obtained from the CDN

// https://cdn.anychart.com/csv-data/csco-daily.js

​

// create data table on loaded data

var dataTable = anychart.data.table();

dataTable.addData(get_csco_daily_data());

​

// map loaded data

var mapping = dataTable.mapAs({"open": 1, "high": 2, "low": 3, "close": 4});

​

// create a stock chart

var chart = anychart.stock();

​

// create the first plot on the chart

var plot = chart.plot(0);

​

// create an ohlc series

plot.ohlc(mapping).name('CSCO');

​

// create an IKH indicator

var ikh = plot.ikh(mapping);

// change the settings

ikh.conversionSeries().stroke("2 Red");

ikh.leadingSeries().fill("Red 0.5");

​

// set container id for the chart

chart.container('container');

​

// initiate chart drawing

chart.draw();

});