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
var dataSet = anychart.data.set([
3
['1986', 41, 36],
4
['1987', 37, 34],
5
['1988', 48, 47],
6
['1989', 41, 39],
7
['1990', 39, 36],
8
['1991', 34, 31],
9
['1992', 38, 35],
10
['1993', 29, 28],
11
['1994', 33, 32]
12
]);
13
14
var data1 = dataSet.mapAs({x: 0, value: 1});
15
var data2 = dataSet.mapAs({x: 0, value: 2});
16
17
var chart = anychart.line();
18
19
chart.line(data1);
20
chart.line(data2);
21
22
// Set animation settings.
23
chart.animation({enabled: true, duration: 3000});
24
25
chart.title('Set animation parameters as an object');
26
chart.container('container');
27
chart.draw();
28
});