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
var ohlcSeries = plot_0.ohlc(mapping);
20
ohlcSeries.name('CSCO');
21
22
// create a plot for an indicator
23
plot_1 = chart.plot(1);
24
25
// create a PPO indicator
26
var ppo = plot_1.ppo(mapping);
27
28
// set container id for the chart
29
chart.container('container');
30
31
// initiate chart drawing
32
chart.draw();
33
});