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
var title = chart.title();
16
// enable title
17
title.enabled(true);
18
// set text for default title
19
title.text("Click to alert");
20
// set event listener
21
title.listen(
22
// set type of event
23
"click",
24
// set function
25
function() {
26
alert("Top Sales Manager is Peter!");
27
}
28
);
29
30
// draw chart
31
chart.container("container");
32
chart.draw();
33
});