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
// set the data
3
var table = anychart.data.table();
4
table.addData([
5
["2018-01-12", 176.179993, 177.360001, 175.649994, 177.089996],
6
["2018-01-16", 177.899994, 179.389999, 176.139999, 176.190002],
7
["2018-01-17", 176.149994, 179.25, 175.070007, 179.100006],
8
["2018-01-18", 179.369995, 180.100006, 178.25, 179.259995],
9
["2018-01-19", 178.610001, 179.580002, 177.410004, 178.460007],
10
["2018-01-22", 177.300003, 177.779999, 176.600006, 177],
11
["2018-01-23", 177.300003, 179.440002, 176.820007, 177.039993],
12
["2018-01-24", 177.25, 177.300003, 173.199997, 174.220001],
13
["2018-01-25", 174.509995, 174.949997, 170.529999, 171.110001],
14
["2018-01-26", 172, 172, 170.059998, 171.509995],
15
["2018-01-29", 170.160004, 170.160004, 167.070007, 167.960007],
16
["2018-01-30", 165.529999, 167.369995, 164.699997, 166.970001],
17
["2018-01-31", 166.869995, 168.440002, 166.5, 167.429993],
18
["2018-02-01", 167.169998, 168.619995, 166.759995, 167.779999],
19
["2018-02-02", 166, 166.800003, 160.100006, 160.5],
20
["2018-02-05", 159.100006, 163.880005, 156, 156.490005],
21
["2018-02-06", 154.830002, 163.720001, 154, 163.029999],
22
["2018-02-07", 163.089996, 163.399994, 159.070007, 159.539993],
23
["2018-02-08", 160.289993, 161, 155.029999, 155.149994],
24
["2018-02-09", 157.070007, 157.889999, 150.240005, 156.410004],
25
["2018-02-12", 158.5, 163.889999, 157.509995, 162.710007],
26
["2018-02-13", 161.949997, 164.75, 161.649994, 164.339996],
27
["2018-02-14", 163.039993, 167.539993, 162.880005, 167.369995],
28
["2018-02-15", 169.789993, 173.089996, 169, 172.990005],
29
["2018-02-16", 172.360001, 174.820007, 171.770004, 172.429993],
30
["2018-02-20", 172.050003, 174.259995, 171.419998, 171.850006],
31
["2018-02-21", 172.830002, 174.119995, 171.009995, 171.070007],
32
["2018-02-22", 171.800003, 173.949997, 171.710007, 172.5],
33
["2018-02-23", 173.669998, 175.649994, 173.539993, 175.5],
34
["2018-02-26", 176.350006, 179.389999, 176.210007, 178.970001],
35
["2018-02-27", 179.100006, 180.479996, 178.160004, 178.389999],
36
["2018-02-28", 179.259995, 180.619995, 178.050003, 178.119995],
37
["2018-03-01", 178.539993, 179.779999, 172.660004, 175],
38
["2018-03-02", 172.800003, 176.300003, 172.449997, 176.210007],
39
["2018-03-05", 175.210007, 177.740005, 174.520004, 176.820007],
40
["2018-03-06", 177.910004, 178.25, 176.130005, 176.669998],
41
["2018-03-07", 174.940002, 175.850006, 174.270004, 175.029999],
42
["2018-03-08", 175.479996, 177.119995, 175.070007, 176.940002],
43
["2018-03-09", 177.960007, 180, 177.389999, 179.979996],
44
["2018-03-12", 180.289993, 182.389999, 180.210007, 181.720001],
45
["2018-03-13", 182.589996, 183.5, 179.240005, 179.970001],
46
["2018-03-14", 180.320007, 180.520004, 177.809998, 178.440002],
47
["2018-03-15", 178.5, 180.240005, 178.070007, 178.649994],
48
["2018-03-16", 178.649994, 179.119995, 177.619995, 178.020004],
49
["2018-03-19", 177.320007, 177.470001, 173.660004, 175.300003],
50
["2018-03-20", 175.240005, 176.800003, 174.940002, 175.240005],
51
["2018-03-21", 175.039993, 175.089996, 171.259995, 171.270004],
52
["2018-03-22", 170, 172.679993, 168.600006, 168.850006],
53
["2018-03-23", 168.389999, 169.919998, 164.940002, 164.940002],
54
["2018-03-26", 168.070007, 173.100006, 166.440002, 172.770004],
55
["2018-03-27", 173.679993, 175.149994, 166.919998, 168.339996],
56
["2018-03-28", 167.25, 170.020004, 165.190002, 166.479996],
57
["2018-03-29", 167.809998, 171.75, 166.899994, 167.779999],
58
["2018-04-02", 166.639999, 168.940002, 164.470001, 166.679993],
59
["2018-04-03", 167.639999, 168.75, 164.880005, 168.389999],
60
["2018-04-04", 164.880005, 172.009995, 164.770004, 171.610001],
61
["2018-04-05", 172.580002, 174.229996, 172.080002, 172.800003],
62
["2018-04-06", 170.970001, 172.479996, 168.199997, 168.380005],
63
["2018-04-09", 169.880005, 173.089996, 169.850006, 170.050003],
64
["2018-04-10", 173, 174, 171.529999, 173.25],
65
["2018-04-11", 172.229996, 173.919998, 171.699997, 172.440002],
66
["2018-04-12", 173.410004, 175, 173.039993, 174.139999]
67
]);
68
69
// map the data
70
var mapping = table.mapAs();
71
mapping.addField('open', 1);
72
mapping.addField('high', 2);
73
mapping.addField('low', 3);
74
mapping.addField('close', 4);
75
76
// chart type
77
var chart = anychart.stock();
78
79
// set the series
80
var series = chart.plot(0).candlestick(mapping);
81
series.name("Apple Inc. (AAPL)");
82
83
// set the container id
84
chart.container("container");
85
86
// initiate drawing the chart
87
chart.draw();
88
});