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
// add a data series
7
series = chart.column([
8
{x: "Stop", value: 1},
9
{x: "Drop", value: 3},
10
{x: "Roll", value: 2}
11
]);
12
13
// enable labels for a series
14
series.labels(true);
15
16
// format
17
series.labels().format("{%x}");
18
19
// background settings
20
var background = series.labels().background();
21
background.enabled(true);
22
background.fill("#EEEEEE 0.8");
23
background.stroke("#888888");
24
background.cornerType("round");
25
background.corners(5);
26
27
// set title
28
chart.title("Formatting labels");
29
30
// disable x axis labels
31
chart.xAxis().labels(false);
32
33
// draw
34
chart.container("container");
35
chart.draw();
36
});