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
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
// here we set value for total point
11
{ x: 'Planed total', value: 1800000, isTotal: true },
12
]);
13
14
// Set totals drawing mode.
15
chart.drawTotalsAsAbsolute(true);
16
17
chart.title('Set totals drawing mode');
18
chart.container('container');
19
chart.draw();
20
});