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
['2004-07-01', 23.65, 23.68, 22.92, 23.11],
7
['2004-07-02', 23.14, 23.21, 22.71, 22.95],
8
['2004-07-06', 22.68, 22.71, 22.23, 22.37],
9
['2004-07-07', 22.41, 22.74, 22.32, 22.42],
10
['2004-07-08', 22.29, 22.65, 22.10, 22.17],
11
['2004-07-09', 22.27, 22.58, 22.18, 22.36],
12
['2004-07-12', 22.16, 22.30, 21.94, 22.29],
13
['2004-07-13', 22.35, 22.62, 22.11, 22.14],
14
['2004-07-14', 22.30, 22.53, 22.00, 22.10],
15
['2004-07-15', 22.17, 22.39, 22.07, 22.13],
16
['2004-07-16', 22.39, 22.41, 21.25, 21.53],
17
['2004-07-19', 21.42, 21.75, 21.06, 21.36],
18
['2004-07-20', 21.42, 21.91, 21.32, 21.88],
19
['2004-07-21', 22.21, 22.27, 21.15, 21.17],
20
['2004-07-22', 21.20, 21.53, 20.94, 21.39],
21
['2004-07-23', 21.26, 21.28, 20.75, 20.93],
22
['2004-07-26', 20.84, 21.03, 20.30, 20.54],
23
['2004-07-27', 20.57, 20.79, 20.25, 20.71],
24
['2004-07-28', 20.55, 20.69, 20.07, 20.50],
25
['2004-07-29', 20.76, 20.98, 20.64, 20.80],
26
['2004-07-30', 20.82, 21.30, 20.75, 20.92],
27
['2004-08-02', 20.60, 21.24, 20.50, 21.24],
28
['2004-08-03', 21.13, 21.23, 20.73, 20.74],
29
['2004-08-04', 20.62, 21.18, 20.58, 21.12],
30
['2004-08-05', 21.12, 21.23, 20.57, 20.61],
31
['2004-08-06', 20.22, 20.60, 19.87, 19.93],
32
['2004-08-09', 20.02, 20.22, 19.94, 20.05],
33
['2004-08-10', 20.31, 20.47, 20.05, 20.46],
34
['2004-08-11', 18.60, 18.65, 18.24, 18.29],
35
['2004-08-12', 18.25, 18.35, 17.53, 17.79],
36
['2004-08-13', 18.23, 18.23, 17.80, 17.86],
37
['2004-08-16', 17.85, 18.46, 17.81, 18.23],
38
['2004-08-17', 18.39, 18.68, 18.24, 18.68],
39
['2004-08-18', 18.54, 19.02, 18.44, 18.99],
40
['2004-08-19', 18.90, 19.21, 18.84, 19.10],
41
['2004-08-20', 18.95, 19.02, 18.64, 18.88],
42
['2004-08-23', 18.93, 19.28, 18.85, 19.18],
43
['2004-08-24', 19.14, 19.16, 18.81, 18.97],
44
['2004-08-25', 18.99, 19.37, 18.81, 19.32],
45
['2004-08-26', 19.25, 19.43, 19.16, 19.17],
46
['2004-08-27', 19.20, 19.52, 19.20, 19.47],
47
['2004-08-30', 19.31, 19.46, 19.03, 19.03],
48
['2004-08-31', 19.15, 19.19, 18.43, 18.76],
49
['2004-09-01', 18.65, 19.12, 18.60, 19.09],
50
['2004-09-02', 19.05, 19.37, 18.91, 19.30],
51
['2004-09-03', 19.03, 19.16, 18.59, 18.75],
52
['2004-09-07', 18.98, 19.18, 18.84, 19.05],
53
['2004-09-08', 18.96, 19.53, 18.92, 19.31],
54
['2004-09-09', 19.49, 20.03, 19.35, 19.93],
55
['2004-09-10', 19.88, 20.61, 19.85, 20.46],
56
['2004-09-13', 20.55, 20.63, 19.87, 20.25],
57
['2004-09-14', 20.31, 20.44, 20.10, 20.35],
58
['2004-09-15', 19.87, 19.89, 19.53, 19.56],
59
['2004-09-16', 19.60, 19.75, 19.46, 19.59],
60
['2004-09-17', 19.30, 19.33, 19.09, 19.16],
61
['2004-09-20', 19.03, 19.48, 18.94, 19.30],
62
['2004-09-21', 19.39, 19.71, 19.30, 19.65],
63
['2004-09-22', 19.19, 19.29, 18.86, 18.96],
64
['2004-09-23', 18.90, 19.12, 18.82, 18.90],
65
['2004-09-24', 18.88, 18.93, 18.31, 18.40],
66
['2004-09-27', 18.25, 18.35, 17.95, 18.04],
67
['2004-09-28', 18.09, 18.14, 17.85, 18.07],
68
['2004-09-29', 18.16, 18.44, 18.08, 18.31],
69
['2004-09-30', 18.28, 18.36, 18.05, 18.10],
70
['2004-10-01', 18.27, 19.00, 18.25, 18.93],
71
['2004-10-04', 19.21, 19.30, 18.87, 18.96],
72
['2004-10-05', 18.90, 19.25, 18.89, 19.10],
73
['2004-10-06', 19.05, 19.54, 19.04, 19.53],
74
['2004-10-07', 19.46, 19.74, 19.09, 19.13],
75
['2004-10-08', 18.96, 19.22, 18.68, 18.78],
76
['2004-10-11', 18.77, 19.02, 18.72, 18.98],
77
['2004-10-12', 18.68, 19.35, 18.58, 19.16],
78
['2004-10-13', 19.46, 19.50, 18.62, 18.86],
79
['2004-10-14', 18.78, 18.88, 18.50, 18.59],
80
['2004-10-15', 18.65, 18.80, 18.38, 18.48],
81
['2004-10-18', 18.52, 18.73, 18.42, 18.65],
82
['2004-10-19', 18.91, 19.14, 18.60, 18.70],
83
['2004-10-20', 18.59, 18.66, 18.29, 18.45],
84
['2004-10-21', 18.67, 18.72, 18.38, 18.63],
85
['2004-10-22', 18.68, 18.77, 18.16, 18.27],
86
['2004-10-25', 18.15, 18.29, 18.00, 18.06],
87
['2004-10-26', 18.12, 18.21, 17.80, 18.11],
88
['2004-10-27', 18.08, 18.65, 17.90, 18.55],
89
['2004-10-28', 18.54, 18.97, 18.41, 18.95],
90
['2004-10-29', 18.96, 19.37, 18.90, 19.21],
91
['2004-11-01', 19.21, 19.35, 18.95, 19.26],
92
['2004-11-02', 19.30, 19.52, 19.16, 19.29],
93
['2004-11-03', 19.77, 19.80, 19.17, 19.28],
94
['2004-11-04', 19.25, 19.56, 19.23, 19.52],
95
['2004-11-05', 19.79, 20.01, 19.72, 19.97],
96
['2004-11-08', 19.98, 20.01, 19.76, 19.97],
97
['2004-11-09', 19.90, 20.00, 19.68, 19.75],
98
['2004-11-10', 18.98, 19.03, 18.42, 18.44],
99
['2004-11-11', 18.50, 18.76, 18.00, 18.74],
100
['2004-11-12', 18.81, 19.28, 18.77, 19.26],
101
['2004-11-15', 19.15, 19.55, 19.08, 19.55],
102
['2004-11-16', 19.44, 19.52, 19.26, 19.38],
103
['2004-11-17', 19.49, 19.83, 19.41, 19.54],
104
['2004-11-18', 19.50, 19.77, 19.43, 19.52],
105
['2004-11-19', 19.51, 19.64, 18.99, 19.01],
106
['2004-11-22', 18.88, 19.17, 18.74, 19.15],
107
['2004-11-23', 18.99, 19.15, 18.95, 19.00],
108
['2004-11-24', 19.05, 19.25, 19.04, 19.21],
109
['2004-11-26', 19.14, 19.38, 19.07, 19.23],
110
['2004-11-29', 19.20, 19.39, 18.88, 18.94],
111
['2004-11-30', 18.85, 19.15, 18.71, 18.75],
112
['2004-12-01', 18.88, 19.16, 18.81, 19.15],
113
['2004-12-02', 19.09, 19.46, 19.06, 19.20],
114
['2004-12-03', 19.43, 19.69, 19.39, 19.43],
115
['2004-12-06', 19.51, 19.87, 19.46, 19.82],
116
['2004-12-07', 19.96, 20.35, 19.66, 19.73],
117
['2004-12-08', 19.79, 19.91, 19.59, 19.80],
118
['2004-12-09', 19.50, 19.77, 19.29, 19.40],
119
['2004-12-10', 19.35, 19.72, 19.32, 19.42],
120
['2004-12-13', 19.50, 19.56, 19.12, 19.27],
121
['2004-12-14', 19.13, 19.48, 19.11, 19.28],
122
['2004-12-15', 19.20, 19.42, 19.17, 19.40],
123
['2004-12-16', 19.28, 19.66, 19.26, 19.40],
124
['2004-12-17', 19.19, 19.58, 18.99, 18.99],
125
['2004-12-20', 19.10, 19.33, 19.00, 19.05],
126
['2004-12-21', 19.07, 19.52, 19.04, 19.36],
127
['2004-12-22', 19.21, 19.46, 19.15, 19.32],
128
['2004-12-23', 19.23, 19.56, 19.22, 19.45],
129
['2004-12-27', 19.45, 19.58, 19.30, 19.30],
130
['2004-12-28', 19.30, 19.41, 19.25, 19.26],
131
['2004-12-29', 19.23, 19.36, 19.18, 19.31],
132
['2004-12-30', 19.28, 19.50, 19.26, 19.42],
133
['2004-12-31', 19.39, 19.50, 19.26, 19.32],
134
]);
135
136
// map the data
137
mapping_ex1 = table.mapAs();
138
mapping_ex1.addField('low', 1);
139
mapping_ex1.addField('high', 2);
140
mapping_ex2 = table.mapAs();
141
mapping_ex2.addField('low', 3);
142
mapping_ex2.addField('high', 4);
143
144
// chart type
145
var chart = anychart.stock();
146
147
// set the series
148
var series_ex1 = chart.plot(0).rangeStepArea(mapping_ex1);
149
series_ex1.name("Experiment 1");
150
var series_ex2 = chart.plot(0).rangeStepArea(mapping_ex2);
151
series_ex2.name("Experiment 2");
152
153
chart.title('Temperature dispersion');
154
chart.container('container');
155
156
chart.draw();
157
});