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
3
// create data
4
var data = [
5
{x: "Start", value: 23},
6
{x: "Jan", value: 22},
7
{x: "Feb", value: -46},
8
{x: "Mar", value: -91},
9
{x: "Apr", value: 37},
10
{x: "May", value: -21},
11
{x: "Jun", value: 53},
12
{x: "Jul", value: 31},
13
{x: "Aug", value: -15},
14
{x: "Sep", value: 42},
15
{x: "Oct", value: 53},
16
{x: "Nov", value: -15},
17
{x: "Dec", value: 51},
18
{x: "End", isTotal: true}
19
];
20
21
// create a waterfall chart
22
var chart = anychart.waterfall();
23
24
// create a series and set the data
25
var series = chart.addSeries(data);
26
27
chart.container("container");
28
chart.draw();
29
30
const dataSet = chart.getSeriesAt(0).data().getDataSets()[0];
31
dataSet.row(0, {x: "Start", value: 230, label: { enabled: false } });
32
});