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
["January", 200, 180],
6
["February", 289, 290],
7
["March", 197, 370],
8
["April", 210, 400],
9
["May", 220, 120],
10
["June", 215, 214],
11
["July", 209, 153],
12
["August", 357, 257],
13
["September", 333, 183],
14
["October", 218, 236],
15
["November", 289, 147],
16
["December", 266, 368]
17
];
18
19
// create chart
20
var chart = anychart.column();
21
chart.data(data);
22
chart.title("Rotated labels");
23
24
25
// adjusting axes labels
26
chart.yAxis().labels().rotation(-90);
27
chart.yAxis().labels().padding(0,5,0,5);
28
29
chart.xAxis().labels().rotation(-90);
30
chart.xAxis().labels().padding(5,0,5,0);
31
32
// display chart
33
chart.container("container");
34
chart.draw();
35
});