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 rawData = [
3
["Jan", 22],
4
["Feb", 14],
5
["Mar", -6],
6
["Apr", 37],
7
["May", -40],
8
["Jun", 55],
9
["Jul", 22],
10
["Aug", 23],
11
["Sep", 42],
12
["Oct", 67],
13
["Nov", 61],
14
["Dec", 51],
15
];
16
17
var data = anychart.data.set(rawData);
18
var seriesData = data.mapAs({x: 0, value: 1});
19
20
var chart = anychart.waterfall();
21
22
chart.addSeries(seriesData);
23
24
chart.title('Add total');
25
chart.container('container');
26
27
chart.addTotal({x: 'May', name: 'Subtotal'});
28
29
chart.draw();
30
});