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
3
// set the data
4
table = anychart.data.table();
5
table.addData([
6
['2016-04-01', 18.23, 19.36, 18.18, 19.31, 92.86, 93.05, 91.20, 91.55],
7
['2016-04-02', 19.50, 19.89, 19.00, 19.29, 92.00, 93.09, 92.00, 93.05],
8
['2016-04-03', 19.13, 19.15, 18.43, 18.75, 92.20, 93.19, 92.14, 93.06],
9
['2016-04-06', 18.54, 18.76, 18.27, 18.76, 93.14, 93.38, 92.47, 92.78],
10
['2016-04-07', 18.76, 19.14, 18.63, 18.76, 93.21, 93.21, 92.03, 93.04],
11
['2016-04-08', 18.97, 19.62, 18.96, 19.19, 91.75, 92.35, 91.00, 91.21],
12
['2016-04-09', 19.45, 19.70, 19.22, 19.67, 91.21, 92.14, 91.21, 91.55],
13
['2016-04-13', 19.69, 19.85, 19.37, 19.59, 91.45, 91.51, 89.01, 89.70],
14
['2016-04-14', 19.44, 19.55, 19.00, 19.35, 89.90, 90.46, 89.75, 90.31],
15
['2016-04-15', 19.21, 19.25, 18.51, 18.83, 95.07, 95.65, 93.55, 94.02],
16
['2016-04-16', 19.16, 19.78, 18.99, 19.76, 95.00, 95.35, 94.71, 95.32],
17
['2016-04-17', 19.69, 19.69, 19.00, 19.20, 96.00, 97.44, 95.73, 97.10],
18
['2016-04-20', 18.89, 18.95, 18.57, 18.61, 97.23, 98.04, 96.64, 97.70],
19
['2016-04-21', 18.59, 19.08, 18.57, 18.97, 97.84, 98.16, 97.32, 97.51],
20
['2016-04-22', 18.76, 19.19, 18.70, 18.78, 97.82, 98.21, 97.10, 97.90],
21
['2016-04-23', 18.92, 18.94, 18.47, 18.92, 97.90, 99.85, 97.56, 99.85],
22
['2016-04-24', 19.82, 21.20, 19.50, 20.91, 99.40, 99.67, 98.70, 98.80],
23
['2016-04-27', 20.55, 20.82, 20.28, 20.40, 99.15, 99.42, 97.28, 97.38],
24
['2016-04-28', 20.25, 20.27, 19.79, 19.93, 98.10, 98.60, 96.55, 98.01],
25
['2016-04-29', 20.11, 20.89, 20.06, 20.25, 98.02, 99.33, 97.84, 99.23],
26
['2016-04-30', 20.60, 21.10, 20.01, 20.26, 99.15, 99.94, 98.50, 99.39],
27
['2016-05-01', 20.19, 20.35, 19.86, 20.24, 99.00, 100.00, 98.95, 100.00],
28
['2016-05-04', 20.37, 20.40, 19.98, 20.19, 99.38, 100.43, 99.30, 100.19],
29
['2016-05-05', 20.14, 20.24, 19.64, 19.79, 100.0, 100.09, 98.26, 98.86],
30
['2016-05-06', 20.06, 20.07, 19.61, 19.79, 98.85, 99.24, 98.25, 98.94],
31
['2016-05-07', 19.96, 19.99, 19.14, 19.32, 99.31, 99.44, 98.60, 98.95],
32
['2016-05-08', 19.46, 19.64, 19.14, 19.42, 98.45, 99.97, 98.41, 99.61],
33
['2016-05-11', 19.20, 19.73, 19.01, 19.32, 99.20, 100.31, 98.80, 99.96],
34
['2016-05-12', 19.51, 20.06, 19.47, 19.89, 100.3, 100.60, 99.30, 99.30],
35
['2016-05-13', 19.92, 20.00, 19.67, 19.75, 99.10, 100.09, 99.08, 99.71],
36
['2016-05-14', 19.83, 20.23, 19.80, 20.06, 92.67, 92.67, 91.35, 92.32],
37
['2016-05-15', 20.13, 20.50, 19.98, 20.22, 92.07, 92.24, 91.51, 91.84],
38
['2016-05-18', 20.36, 20.60, 20.24, 20.60, 91.67, 92.68, 91.62, 92.37],
39
['2016-05-19', 20.51, 20.74, 20.25, 20.31, 93.55, 94.55, 93.33, 94.20],
40
['2016-05-20', 20.41, 20.69, 20.22, 20.38, 93.95, 94.37, 93.51, 94.18],
41
['2016-05-21', 20.14, 20.23, 19.51, 19.82, 93.60, 93.79, 93.02, 93.70],
42
['2016-05-22', 19.93, 20.17, 19.47, 19.75, 93.37, 93.58, 92.51, 93.08],
43
['2016-05-26', 19.54, 20.45, 19.45, 20.34, 94.00, 94.39, 92.55, 93.12],
44
['2016-05-27', 20.25, 20.60, 20.07, 20.13, 93.50, 94.36, 93.40, 93.74],
45
['2016-05-28', 20.32, 20.63, 20.05, 20.45, 93.79, 94.04, 92.50, 93.04],
46
['2016-05-29', 20.56, 20.94, 20.30, 20.89, 93.80, 94.09, 93.06, 93.45],
47
['2016-06-01', 21.00, 21.50, 20.86, 21.40, 92.30, 92.35, 91.04, 92.28],
48
['2016-06-02', 21.36, 21.98, 21.20, 21.40, 91.90, 92.30, 91.70, 91.94],
49
['2016-06-03', 21.31, 21.76, 21.29, 21.73, 92.00, 92.48, 90.65, 90.65],
50
['2016-06-04', 21.77, 21.90, 21.58, 21.83, 91.15, 91.42, 90.69, 91.26],
51
['2016-06-05', 21.96, 22.31, 21.81, 22.14, 90.50, 91.51, 89.70, 90.74],
52
['2016-06-08', 21.98, 22.32, 21.63, 22.05, 91.00, 91.61, 90.36, 91.28],
53
['2016-06-09', 22.06, 22.32, 21.88, 22.08, 90.75, 91.56, 90.35, 90.43],
54
['2016-06-10', 22.17, 22.62, 22.12, 22.55, 90.65, 91.99, 90.56, 91.11],
55
['2016-06-11', 22.59, 23.26, 22.57, 22.83, 90.30, 90.98, 90.21, 90.41],
56
['2016-06-12', 22.90, 23.38, 22.74, 23.33, 89.01, 89.20, 88.01, 88.17],
57
['2016-06-15', 23.23, 23.54, 23.02, 23.42, 88.13, 88.52, 87.20, 88.02],
58
['2016-06-16', 23.47, 24.11, 23.44, 23.45, 88.02, 89.74, 88.00, 89.00],
59
['2016-06-17', 23.50, 23.82, 23.17, 23.68, 89.75, 89.75, 88.51, 88.96],
60
['2016-06-18', 23.62, 23.69, 23.30, 23.50, 88.10, 89.10, 87.59, 88.36],
61
['2016-06-19', 24.04, 24.34, 23.75, 24.07, 87.75, 89.40, 87.62, 88.19],
62
['2016-06-22', 23.95, 23.95, 23.25, 23.28, 87.60, 88.10, 86.37, 86.88],
63
['2016-06-23', 23.38, 23.66, 23.21, 23.34, 87.20, 88.15, 86.82, 87.13],
64
['2016-06-24', 23.45, 23.75, 23.36, 23.47, 87.25, 87.25, 85.12, 86.81],
65
['2016-06-25', 23.43, 23.92, 23.20, 23.79, 86.79, 87.41, 86.26, 87.19],
66
['2016-06-26', 23.57, 23.69, 23.32, 23.35, 86.65, 87.35, 86.07, 86.41],
67
['2016-06-29', 23.60, 24.03, 23.55, 23.86, 85.30, 86.03, 85.15, 85.53],
68
['2016-06-30', 23.97, 24.24, 23.63, 23.77, 86.08, 86.49, 86.00, 86.06],
69
['2016-07-01', 24.05, 24.30, 23.96, 24.04, 87.40, 88.88, 86.50, 87.05],
70
['2016-07-02', 23.76, 24.04, 23.21, 23.37, 87.06, 87.95, 87.05, 87.42]
71
]);
72
73
// map the data
74
mapping_acme = table.mapAs();
75
mapping_acme.addField('open', 1);
76
mapping_acme.addField('high', 2);
77
mapping_acme.addField('low', 3);
78
mapping_acme.addField('close', 4);
79
80
mapping_globex = table.mapAs();
81
mapping_globex.addField('open', 5);
82
mapping_globex.addField('high', 6);
83
mapping_globex.addField('low', 7);
84
mapping_globex.addField('close', 8);
85
86
// chart type
87
var chart = anychart.stock();
88
89
// set the series
90
var series_acme = chart.plot(0).ohlc(mapping_acme);
91
series_acme.name("ACME Corp. stock prices");
92
// set the series
93
var series_globex = chart.plot(1).ohlc(mapping_globex);
94
series_globex.name("Globex Corp. stock prices");
95
96
chart.title('Stock OHLC Demo: Stock Prices \nACME Corp. vs. Globex Corp.');
97
chart.container('container');
98
99
chart.draw();
100
});