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
data = [
5
["Category1", 16, 20],
6
["Category2", 12, 18],
7
["Category3", 9, 14],
8
["Category4", 13, 15],
9
["Category5", 19, 16],
10
["Category6", 14, 10],
11
["Category7", 11, 22],
12
["Category8", 17, 11],
13
["Category9", 9, 14]
14
];
15
16
// create chart
17
var chart = anychart.column();
18
chart.data(data)
19
chart.title("Stagger Labels");
20
21
// enabling stagger mode
22
chart.xAxis().staggerMode(true);
23
// adjusting settings for stagger mode
24
chart.xAxis().staggerLines(2);
25
26
// display chart
27
chart.container("container");
28
chart.draw();
29
});