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
// create a chart
4
var chart = anychart.column();
5
6
// set title
7
chart.title("Formatting labels");
8
9
// add a data series
10
series = chart.column([
11
{x: "Faster", value: 1},
12
{x: "Higher", value: 3, state: 'selected'},
13
{x: "Stronger", value: 2}
14
]);
15
16
// enable labels for a series
17
series.labels(true);
18
series.selected().labels(true);
19
20
// enable labels for a series
21
series.labels().format("{%x}");
22
series.selected().labels().format("{%x}");
23
24
// background border color
25
series.labels().background().stroke("#663399");
26
series.selected().labels().background().enabled(true).stroke("Green");
27
28
// font color
29
series.labels().fontColor("#663399");
30
series.selected().labels().fontColor("Green");
31
32
// draw
33
chart.container("container");
34
chart.draw();
35
});