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
18
1
anychart.onDocumentReady(function () {
2
var data = [
3
["A1", 100, 200, 150, 115],
4
["A2", 115, 101, 175, 230],
5
["A3", 70, 60, 125, 100],
6
["A4", 156, 98, 150, 180],
7
["A5", 213, 150, 160, 210],
8
["A6", "173", "205", "150", "140"],
9
["A7", 95, 190, 140, 60]
10
];
11
var chart = anychart.column();
12
var series = anychart.data.mapAsTable(data, "range"); // sets values
13
for (var i in series) {
14
chart.rangeColumn(series[i]);
15
}
16
chart.container("container");
17
chart.draw();
18
});