HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
// The data used in this sample can be obtained from the CDN
3
// https://cdn.anychart.com/csv-data/csco-daily.js
4
// create data table on loaded data
5
var dataTable = anychart.data.table();
6
dataTable.addData(get_csco_daily_data());
7
// map loaded data
8
var mapping = dataTable.mapAs({"high": 1, "open": 2, "low": 3, "close": 4, "value": 4, "volume": 5});
9
// create stock chart
10
var chart = anychart.stock();
11
chart.left(30);
12
13
// create plots on the chart
14
var plot0 = chart.plot(0);
15
var plot1 = chart.plot(1);
16
17
// create ohlc series on both of them
18
var ohlcSeries = plot0.ohlc(mapping);
19
ohlcSeries.name("CSCO OHLC");
20
ohlcSeries.stroke("2px #64b5f6");
21
22
// adjust ADL indicator
23
var adl = plot1.adl(mapping).series();
24
adl.seriesType("area");
25
adl.fill("#E5BE01");
26
adl.stroke(null);
27
28
// set container id for the chart
29
chart.container("container");
30
// initiate chart drawing
31
chart.draw();
32
});