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],
7
['2004-07-02', 23.14, 23.21],
8
['2004-07-06', 22.68, 22.71],
9
['2004-07-07', 22.41, 22.74],
10
['2004-07-08', 22.29, 22.65],
11
['2004-07-09', 22.27, 22.58],
12
['2004-07-12', 22.16, 22.30],
13
['2004-07-13', 22.35, 22.62],
14
['2004-07-14', 22.30, 22.53],
15
['2004-07-15', 22.17, 22.39],
16
['2004-07-16', 22.39, 22.41],
17
['2004-07-19', 21.42, 21.75],
18
['2004-07-20', 21.42, 21.91],
19
['2004-07-21', 22.21, 22.27],
20
['2004-07-22', 21.20, 21.53],
21
['2004-07-23', 21.26, 21.28],
22
['2004-07-26', 20.84, 21.03],
23
['2004-07-27', 20.57, 20.79],
24
['2004-07-28', 20.55, 20.69],
25
['2004-07-29', 20.76, 20.98],
26
['2004-07-30', 20.82, 21.30],
27
['2004-08-02', 20.60, 21.24],
28
['2004-08-03', 21.13, 21.23],
29
['2004-08-04', 20.62, 21.18],
30
['2004-08-05', 21.12, 21.23],
31
['2004-08-06', 20.22, 20.60],
32
['2004-08-09', 20.02, 20.22],
33
['2004-08-10', 20.31, 20.47],
34
['2004-08-11', 18.60, 18.65],
35
['2004-08-12', 18.25, 18.35],
36
['2004-08-13', 18.23, 18.23],
37
['2004-08-16', 17.85, 18.46],
38
['2004-08-17', 18.39, 18.68],
39
['2004-08-18', 18.54, 19.02],
40
['2004-08-19', 18.90, 19.21],
41
['2004-08-20', 18.95, 19.02],
42
['2004-08-23', 18.93, 19.28],
43
['2004-08-24', 19.14, 19.16],
44
['2004-08-25', 18.99, 19.37],
45
['2004-08-26', 19.25, 19.43],
46
['2004-08-27', 19.20, 19.52],
47
['2004-08-30', 19.31, 19.46],
48
['2004-08-31', 19.15, 19.19],
49
['2004-09-01', 18.65, 19.12],
50
['2004-09-02', 19.05, 19.37],
51
['2004-09-03', 19.03, 19.16],
52
['2004-09-07', 18.98, 19.18],
53
['2004-09-08', 18.96, 19.53],
54
['2004-09-09', 19.49, 20.03],
55
['2004-09-10', 19.88, 20.61],
56
['2004-09-13', 20.55, 20.63],
57
['2004-09-14', 20.31, 20.44],
58
['2004-09-15', 19.87, 19.89],
59
['2004-09-16', 19.60, 19.75],
60
['2004-09-17', 19.30, 19.33],
61
['2004-09-20', 19.03, 19.48],
62
['2004-09-21', 19.39, 19.71],
63
['2004-09-22', 19.19, 19.29],
64
['2004-09-23', 18.90, 19.12],
65
['2004-09-24', 18.88, 18.93],
66
['2004-09-27', 18.25, 18.35],
67
['2004-09-28', 18.09, 18.14],
68
['2004-09-29', 18.16, 18.44],
69
['2004-09-30', 18.28, 18.36],
70
['2004-10-01', 18.27, 19.00],
71
['2004-10-04', 19.21, 19.30],
72
['2004-10-05', 18.90, 19.25],
73
['2004-10-06', 19.05, 19.54],
74
['2004-10-07', 19.46, 19.74],
75
['2004-10-08', 18.96, 19.22],
76
['2004-10-11', 18.77, 19.02],
77
['2004-10-12', 18.68, 19.35],
78
['2004-10-13', 19.46, 19.50],
79
['2004-10-14', 18.78, 18.88],
80
['2004-10-15', 18.65, 18.80],
81
['2004-10-18', 18.52, 18.73],
82
['2004-10-19', 18.91, 19.14],
83
['2004-10-20', 18.59, 18.66],
84
['2004-10-21', 18.67, 18.72],
85
['2004-10-22', 18.68, 18.77],
86
['2004-10-25', 18.15, 18.29],
87
['2004-10-26', 18.12, 18.21],
88
['2004-10-27', 18.08, 18.65],
89
['2004-10-28', 18.54, 18.97],
90
['2004-10-29', 18.96, 19.37],
91
['2004-11-01', 19.21, 19.35],
92
['2004-11-02', 19.30, 19.52],
93
['2004-11-03', 19.77, 19.80],
94
['2004-11-04', 19.25, 19.56],
95
['2004-11-05', 19.79, 20.01],
96
['2004-11-08', 19.98, 20.01],
97
['2004-11-09', 19.90, 20.00],
98
['2004-11-10', 18.98, 19.03],
99
['2004-11-11', 18.50, 18.76],
100
['2004-11-12', 18.81, 19.28],
101
['2004-11-15', 19.15, 19.55],
102
['2004-11-16', 19.44, 19.52],
103
['2004-11-17', 19.49, 19.83],
104
['2004-11-18', 19.50, 19.77],
105
['2004-11-19', 19.51, 19.64],
106
['2004-11-22', 18.88, 19.17],
107
['2004-11-23', 18.99, 19.15],
108
['2004-11-24', 19.05, 19.25],
109
['2004-11-26', 19.14, 19.38],
110
['2004-11-29', 19.20, 19.39],
111
['2004-11-30', 18.85, 19.15],
112
['2004-12-01', 18.88, 19.16],
113
['2004-12-02', 19.09, 19.46],
114
['2004-12-03', 19.43, 19.69],
115
['2004-12-06', 19.51, 19.87],
116
['2004-12-07', 19.96, 20.35],
117
['2004-12-08', 19.79, 19.91],
118
['2004-12-09', 19.50, 19.77],
119
['2004-12-10', 19.35, 19.72],
120
['2004-12-13', 19.50, 19.56],
121
['2004-12-14', 19.13, 19.48],
122
['2004-12-15', 19.20, 19.42],
123
['2004-12-16', 19.28, 19.66],
124
['2004-12-17', 19.19, 19.58],
125
['2004-12-20', 19.10, 19.33],
126
['2004-12-21', 19.07, 19.52],
127
['2004-12-22', 19.21, 19.46],
128
['2004-12-23', 19.23, 19.56],
129
['2004-12-27', 19.45, 19.58],
130
['2004-12-28', 19.30, 19.41],
131
['2004-12-29', 19.23, 19.36],
132
['2004-12-30', 19.28, 19.50],
133
['2004-12-31', 19.39, 19.50]
134
]);
135
136
// map the data
137
mapping = table.mapAs();
138
mapping.addField('value', 1);
139
140
// chart type
141
var chart = anychart.stock();
142
143
// set the series
144
var series = chart.plot(0).stepArea(mapping);
145
series.name("Experiment 1");
146
147
chart.title('Temperature dispersion');
148
chart.container('container');
149
150
chart.draw();
151
});