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
// data
4
var data = [
5
["John", 10000],
6
["Jake", 12000],
7
["Peter", 18000],
8
["James", 11000],
9
["Mary", 9000]
10
];
11
12
// set chart type
13
var chart = anychart.column(data);
14
15
// adjust chart settings
16
var title = chart.title();
17
// enable title
18
title.enabled(true);
19
// set padding
20
title.padding(5);
21
// set title text
22
title.text("Sales Performance");
23
// settings for title background
24
var titleBackground = chart.title().background();
25
// enable background
26
titleBackground.enabled(true);
27
// set background inner color
28
titleBackground.fill("#FFD700");
29
// set background border
30
titleBackground.stroke("#D8D8D8");
31
// set type of background corners
32
titleBackground.cornerType("round");
33
// set corners size
34
titleBackground.corners(10);
35
36
// draw chart
37
chart.container("container");
38
chart.draw();
39
});