html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create a data table

    var dataTable = anychart.data.table();

    dataTable.addData(get_csco_daily_short_data());

​

    // map the data

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

​

    // create a chart

    var chart = anychart.stock();

​

    // add two series

    ohlcSeries = chart.plot(0).ohlc(mapping);

    lineSeries = chart.plot(1).line(mapping);

​

    // add indicator to OHLC series

    var indicator1 = chart.plot(0).priceIndicator();

    indicator1.series(ohlcSeries);

    indicator1.valueField('high');

​

    // add indicator to line series

    var indicator2 = chart.plot(1).priceIndicator({'series': lineSeries});

​

    // set the chart position and title

    chart.title("Price Indicator: Series and Value Field");

​

    // alter padding

    chart.padding().left(75);

​

    // set the chart container

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});