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
//create data set on our data
3
var data = [
4
['Jan', 242, 162],
5
['Feb', 254, 90],
6
['Mar', 226, 50],
7
['Apr', 232, 77],
8
['May', 268, 35],
9
['Jun', 254, -45],
10
['Jul', 235, -88],
11
['Aug', 266, -120],
12
['Sep', 288, -156],
13
['Oct', 220, -123],
14
['Nov', 215, -88],
15
['Dec', 236, -66]
16
];
17
18
//create area chart
19
var chart = anychart.line();
20
21
//turn on chart animation
22
chart.animation(true);
23
24
//set container id for the chart
25
chart.container('container');
26
27
var series = anychart.data.mapAsTable(data);
28
for (var i in series) {
29
chart.spline(series[i]);
30
}
31
32
//initiate chart drawing
33
chart.draw();
34
});