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
var chart = anychart.column([
4
["Jackie", 1.83],
5
["Tito", 0.74],
6
["Jermaine", 0.85],
7
["Marlon", 0.73],
8
["Michael", 0.75]
9
]);
10
11
// setting title
12
chart.title("Axis Labels: Selective Coloring");
13
14
// draw chart
15
chart.container("container");
16
chart.draw();
17
18
// wait until chart is displayed
19
chart.listen('chartDraw', function () {
20
// get a number of labels on the Y axis
21
var count = chart.yAxis().labels().getLabelsCount();
22
// go to through all labels
23
for (var i = 0; i < count; i++) {
24
// get label object
25
var label = chart.yAxis().labels().getLabel(i);
26
// get value of the scale this label
27
value = chart.yAxis().scale().ticks().get()[i];
28
// get chart average
29
avg = chart.getSeries(0).getStat('average');
30
// if the value is greater
31
if (value > avg) {
32
label.fontColor("red");
33
label.background().enabled(true).stroke("black");
34
label.draw();
35
}
36
}
37
});
38
});