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