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 stage = anychart.graphics.create('container');
3
4
var data = [
5
{x: 'Start', value: 166},
6
{x: 'January', value: 43},
7
{x: 'End', isTotal: true}
8
];
9
10
var chart1 = anychart.waterfall(data);
11
12
// Set point width.
13
chart1.pointWidth(30);
14
15
chart1.bounds(0, 0, '50%', '100%');
16
chart1.title('pointWidth = 30');
17
chart1.container(stage);
18
chart1.draw();
19
20
var chart2 = anychart.waterfall(data);
21
chart2.bounds('50%', 0, '50%', '100%');
22
chart2.title('pointWidth not set');
23
chart2.container(stage);
24
chart2.draw();
25
});