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('x');
5
table.addData([
6
{'x':"2016-01-01", 'value': 1.0860},
7
{'x':"2016-01-04", 'value': 1.0832},
8
{'x':"2016-01-05", 'value': 1.0780},
9
{'x':"2016-01-06", 'value': 1.0781},
10
{'x':"2016-01-07", 'value': 1.0936},
11
{'x':"2016-01-08", 'value': 1.0932},
12
{'x':"2016-01-11", 'value': 1.0860},
13
{'x':"2016-01-12", 'value': 1.0857},
14
{'x':"2016-01-13", 'value': 1.0877},
15
{'x':"2016-01-14", 'value': 1.0865},
16
{'x':"2016-01-15", 'value': 1.0917},
17
{'x':"2016-01-18", 'value': 1.0893},
18
{'x':"2016-01-19", 'value': 1.0909},
19
{'x':"2016-01-20", 'value': 1.0891},
20
{'x':"2016-01-21", 'value': 1.0874},
21
{'x':"2016-01-22", 'value': 1.0797},
22
{'x':"2016-01-25", 'value': 1.0849},
23
{'x':"2016-01-26", 'value': 1.0872},
24
{'x':"2016-01-27", 'value': 1.0893},
25
{'x':"2016-01-28", 'value': 1.0939},
26
{'x':"2016-01-29", 'value': 1.0837},
27
{'x':"2016-02-01", 'value': 1.0889},
28
{'x':"2016-02-02", 'value': 1.0919},
29
{'x':"2016-02-03", 'value': 1.1104},
30
{'x':"2016-02-04", 'value': 1.1208},
31
{'x':"2016-02-05", 'value': 1.1159},
32
{'x':'2016-02-08', 'value': 1.1198},
33
{'x':'2016-02-09', 'value': 1.1293},
34
{'x':'2016-02-10', 'value': 1.1290},
35
{'x':'2016-02-11', 'value': 1.1324},
36
{'x':'2016-02-12', 'value': 1.1260}
37
]);
38
39
// map the data
40
mapping = table.mapAs({x: 'x', value: 'value'});
41
42
// chart type
43
var chart = anychart.stock();
44
45
// set the series
46
var series = chart.plot(0).line(mapping);
47
series.name("Euro to Dollar Rate");
48
49
chart.title('Stock Line Demo: Currency Rates');
50
chart.container('container');
51
52
chart.draw();
53
});