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
// setting data
4
var data = anychart.data.set([
5
["P1", 16, 20],
6
["P2", 12, 18],
7
["P3", 9, 14]
8
]);
9
10
// mapping data
11
var Sales2003 = data.mapAs({x: [0], value: [1]});
12
var Sales2004 = data.mapAs({x: [0], value: [2]});
13
14
var chart = anychart.column();
15
16
// series settings
17
chart.column(Sales2003);
18
chart.column(Sales2004);
19
20
// adjusting major and minor grids
21
var grid = chart.grid();
22
grid.enabled(true);
23
var minorGrid = chart.minorGrid();
24
minorGrid.enabled(true);
25
26
chart.container("container");
27
chart.draw();
28
});