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
["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
// remapping data
20
var Sales2003 = data.mapAs({x: [0], value: [1]});
21
var Sales2004 = data.mapAs({x: [0], value: [2]});
22
23
var chart = anychart.column();
24
25
chart.title("Rotated labels");
26
27
// series data
28
chart.column(Sales2003);
29
chart.column(Sales2004);
30
31
// adjusting axes labels
32
var xLabels = chart.yAxis().labels();
33
xLabels.rotation(-90);
34
xLabels.padding(0,5,0,5);
35
var yLabels = chart.xAxis().labels();
36
yLabels.rotation(-90);
37
yLabels.padding(5,0,5,0);
38
39
chart.container("container");
40
chart.draw();
41
});