html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  var dataTable = anychart.data.table();

  dataTable.addData(get_dji_daily_short_data());

​

  // map loaded data for the series

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

  var chart = anychart.stock();

​

  var plot = chart.plot();

  var series = plot.ohlc(mapping);

​

  // set custom value

  var markerValue = 8200;

​

  // create line marker

  var lineMarker = plot.lineMarker();

  lineMarker

    .value(markerValue)

    .stroke('black', 1)

    .zIndex(100)

    .scaleRangeMode('consider');

​

  // create text marker

  var textMarker = plot.textMarker();

  textMarker

    .text(markerValue)

    .value(markerValue)

    .align('left')

    .anchor('left-bottom')

    .padding(3)

    .fontColor('black')

    .zIndex(100);

​

  chart.container("container").draw();

});