HTMLcopy
1
<button onclick="capitalizeTotalsNames()"></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('Perform operations over all chart totals.');
26
27
chart.container('container');
28
29
chart.addTotal({x: 'May', name: 'Subtotal 1'});
30
chart.addTotal({x: 'Jul', name: 'Subtotal 2'});
31
chart.addTotal({x: 'Dec', name: 'Total'});
32
33
chart.draw();
34
});
35
36
function capitalizeTotalsNames() {
37
var totals = chart.getAllTotals()
38
totals.forEach(function (total) {
39
var totalName = total.name();
40
var capitalizedName = totalName.toUpperCase();
41
total.name(capitalizedName);
42
});
43
}