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-01-01', 1.0860, 73],
7
['2016-01-04', 1.0832, 72.7250],
8
['2016-01-05', 1.0780, 73.3850],
9
['2016-01-06', 1.0781, 74.6020],
10
['2016-01-07', 1.0936, 75.1000],
11
['2016-01-08', 1.0932, 74.8050],
12
['2016-01-11', 1.0860, 76.3750],
13
['2016-01-12', 1.0857, 76.9360],
14
['2016-01-13', 1.0877, 76.6310],
15
['2016-01-14', 1.0865, 76.2450],
16
['2016-01-15', 1.0917, 77.7650],
17
['2016-01-18', 1.0893, 79.4090],
18
['2016-01-19', 1.0909, 78.8160],
19
['2016-01-20', 1.0891, 81.3790],
20
['2016-01-21', 1.0874, 82.3970],
21
['2016-01-22', 1.0797, 78.1713],
22
['2016-01-25', 1.0849, 80.0704],
23
['2016-01-26', 1.0872, 78.8750],
24
['2016-01-27', 1.0893, 78.0500],
25
['2016-01-28', 1.0939, 76.3325],
26
['2016-01-29', 1.0837, 75.5213],
27
['2016-02-01', 1.0889, 77.2277],
28
['2016-02-02', 1.0919, 79.7967],
29
['2016-02-03', 1.1104, 76.8869],
30
['2016-02-04', 1.1208, 76.9080],
31
['2016-02-05', 1.1159, 77.4872],
32
['2016-02-08', 1.1198, 78.5509],
33
['2016-02-09', 1.1293, 79.7087],
34
['2016-02-10', 1.1290, 78.6429],
35
['2016-02-11', 1.1324, 79.5917],
36
['2016-02-12', 1.1260, 78.3558],
37
['2016-02-15', 1.1155, 76.9807],
38
['2016-02-16', 1.1144, 77.8876],
39
['2016-02-17', 1.1128, 75.0400],
40
['2016-02-18', 1.1107, 76.4278],
41
['2016-02-19', 1.1135, 76.9937],
42
['2016-02-22', 1.1029, 77.0453],
43
['2016-02-23', 1.1020, 75.3462],
44
['2016-02-24', 1.1013, 75.7421],
45
['2016-02-25', 1.1023, 75.3641],
46
['2016-02-26', 1.0934, 76.1883],
47
['2016-02-29', 1.0873, 75.1682]
48
]);
49
50
// map the data
51
mapping_euro = table.mapAs();
52
mapping_euro.addField('value', 1);
53
mapping_rub = table.mapAs();
54
mapping_rub.addField('value', 2);
55
56
// chart type
57
var chart = anychart.stock();
58
59
// set the series
60
var series_euro = chart.plot(0).line(mapping_euro);
61
series_euro.name("Euro to Dollar Rate");
62
var series_rub = chart.plot(1).line(mapping_rub);
63
series_rub.name("Euro to Dollar Rate");
64
65
// coloring
66
series_euro.stroke("#ff0000");
67
68
chart.title('Stock Line Demo: Currency Rates');
69
70
chart.container('container');
71
chart.draw();
72
});