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
// data
4
var data = [
5
["P1", 16, 20],
6
["P2", 12, 18],
7
["P3", 9, 14]
8
];
9
10
// create chart
11
var chart = anychart.column();
12
chart.data(data);
13
14
// enable major grids
15
chart.xGrid().enabled(true);
16
chart.yGrid().enabled(true);
17
// enable minor grids
18
chart.xMinorGrid().enabled(true);
19
chart.yMinorGrid().enabled(true);
20
21
// display chart
22
chart.container("container");
23
chart.draw();
24
});