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 data = [
3
{'x': 'Health Care', 'value': 80},
4
{'x': 'Education', 'value': 31},
5
{'x': 'Pensions', 'value': 23},
6
{'x': 'General \nGovernment', 'value': 21},
7
{'x': 'Defense', 'value': -5},
8
{'x': 'Welfare', 'value': -15},
9
{'x': 'Other \nSpending', 'value': -27},
10
{'x': 'Total'}];
11
12
//create waterfall chart with data
13
var chart = anychart.waterfall(data);
14
15
chart.yScale().minimum(0);
16
chart.container('container');
17
//initiate chart drawing
18
chart.draw();
19
});