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: 'Start', value: 23},
4
{x: 'Jan', value: 22},
5
{x: 'Feb', value: -46},
6
{x: 'Mar', value: -91},
7
{x: 'Apr', value: 37},
8
{x: 'May', value: -21},
9
{x: 'Jun', value: 53},
10
{x: 'Jul', value: 31},
11
{x: 'Aug', value: -15},
12
{x: 'Sep', value: 42},
13
{x: 'Oct', value: 53},
14
{x: 'Nov', value: -15},
15
{x: 'Dec', value: 51},
16
{x: 'End', isTotal: true}
17
];
18
19
// create waterfall chart with our data
20
chart = anychart.waterfall(data);
21
22
// set chart title
23
chart.title('Waterfall Chart Absolute Data Mode');
24
25
chart.dataMode("absolute");
26
27
// set container id for the chart
28
chart.container('container');
29
// initiate chart drawing
30
chart.draw();
31
});