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
// chart with stagger mode
17
var chart = anychart.column();
18
chart.title("Hiding the First and the Last labels");
19
chart.data(data);
20
21
// enabling stagger mode
22
chart.xAxis().staggerMode(true);
23
// adjusting settings for stagger mode
24
chart.xAxis().staggerLines(2);
25
26
// disabling first and last labels
27
chart.xAxis().drawFirstLabel(false);
28
chart.xAxis().drawLastLabel(false);
29
30
chart.container("container");
31
chart.draw();
32
});