HTMLcopy
1
<button onclick="removeLastTotal()">Remove last total</button>
2
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 95%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
var chart;
2
anychart.onDocumentReady(function () {
3
var rawData = [
4
["Jan", 22],
5
["Feb", 14],
6
["Mar", -6],
7
["Apr", 37],
8
["May", -40],
9
["Jun", 55],
10
["Jul", 22],
11
["Aug", 23],
12
["Sep", 42],
13
["Oct", 67],
14
["Nov", 61],
15
["Dec", 51],
16
];
17
18
var data = anychart.data.set(rawData);
19
var seriesData = data.mapAs({x: 0, value: 1});
20
21
chart = anychart.waterfall();
22
23
chart.addSeries(seriesData);
24
25
chart.title('Add total');
26
chart.container('container');
27
28
chart.addTotal({x: 'May', name: 'May results'});
29
chart.addTotal({x: 'Aug', name: 'Aug results'});
30
chart.addTotal({x: 'Dec', name: 'Dec results'});
31
32
chart.draw();
33
});
34
35
function removeLastTotal() {
36
var totals = chart.getAllTotals();
37
if (totals.length) {
38
chart.removeTotalAt(totals.length - 1);
39
}
40
}