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
['A', 242, 162],
5
['B', 254, 90],
6
['C', 226, 50],
7
['D', 232, 77],
8
['E', 268, 35],
9
['F', 254, 45],
10
['G', 235, 88]
11
];
12
13
//create area chart
14
var chart = anychart.column();
15
16
//turn on chart animation
17
chart.animation(true);
18
19
//set container id for the chart
20
chart.container('container');
21
22
var series = anychart.data.mapAsTable(data);
23
for (var i in series) {
24
chart.column(series[i]);
25
}
26
27
//initiate chart drawing
28
chart.draw();
29
});