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
var chart = anychart.column();
3
4
chart.column([
5
{x: 'January', value: 2},
6
{x: 'February', value: 8},
7
{x: 'March', value: 1},
8
{x: 'April', value: 7},
9
{x: 'May', value: 3},
10
{x: 'June', value: 9},
11
{x: 'July', value: 4},
12
{x: 'August', value: 6},
13
{x: 'September', value: 5}
14
]);
15
16
var xAxis = chart.xAxis();
17
18
chart.title('Get and modify label');
19
chart.container('container');
20
chart.draw();
21
22
chart.listen('chartDraw', function () {
23
24
// Get labels count.
25
var count = xAxis.labels().getLabelsCount();
26
27
for (var i = 0; i < count; i++) {
28
if ((i % 2) > 0) {
29
color = '#CD4A2D'
30
} else {
31
color = '#4C4C4C'
32
}
33
34
// Get label by index.
35
var label = xAxis.labels().getLabel(i);
36
if (label) {
37
label.fontColor(color);
38
label.draw();
39
}
40
}
41
});
42
});