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
5
// create data table on loaded data
6
var dataTable = anychart.data.table();
7
dataTable.addData(get_csco_daily_data());
8
9
// map loaded data
10
var mapping = dataTable.mapAs({"open": 1, "high": 2, "low": 3, "close": 4});
11
12
// create a stock chart
13
var chart = anychart.stock();
14
15
// create the first plot on the chart
16
var plot_0 = chart.plot(0);
17
18
// create an ohlc series
19
plot_0.ohlc(mapping).name('CSCO');
20
21
// create the second plot on the chart
22
var plot_1 = chart.plot(1);
23
24
// create an ohlc series
25
plot_1.ohlc(mapping).name('CSCO');
26
27
// create and adjust an ENV indicator
28
var env_1 = plot_0.env(mapping);
29
30
// create and adjust an ENV indicator
31
var env_2 = plot_1.env(mapping);
32
env_2.upperSeries().stroke("0.5 gray");
33
env_2.lowerSeries().stroke("0.5 lightGray");
34
35
// set container id for the chart
36
chart.container('container');
37
38
// initiate chart drawing
39
chart.draw();
40
});