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
var series = 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
});