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 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
]);
11
12
// Set labels settings.
13
chart.labels({fontSize: 15, fontColor: "#03A9F4", fontWeight: "bold"});
14
15
chart.title("Set chart labels parameters as an object");
16
chart.container("container");
17
chart.draw();
18
});