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
var chart = anychart.waterfall([
3
{x: 'Net Sales', value: 5085000},
4
{x: 'Cost of Sales', value: -1250450},
5
{x: 'Gross Income', isTotal: true},
6
{x: 'Operating Expenses', value: -2350050},
7
{x: 'Operating Income', isTotal: true},
8
{x: 'Other Income', value: 750000},
9
{x: 'Extraordinary Gain', value: -230050}
10
]);
11
chart.title('Click on the chart. You have 3 clicks');
12
chart.listen('click', customListener);
13
14
var counter = 3;
15
16
function customListener(e) {
17
counter--;
18
chart.title('Click on the chart. You have ' + counter + ' clicks');
19
if (counter === 0) {
20
// Removes event listener
21
chart.unlisten('click', customListener);
22
chart.title('You have no more clicks');
23
}
24
}
25
chart.container('container');
26
chart.draw();
27
});