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
const data1 = [
4
{x: 'a', value: 5},
5
{x: 'b', value: 2},
6
{x: 'c', value: 3}
7
];
8
9
const data2 = [
10
{x: 'a', value: 3},
11
{x: 'b', value: 0},
12
{x: 'c', value: 7}
13
];
14
15
const data3 = [
16
{x: 'a', value: 5},
17
{x: 'b', value: 2},
18
{x: 'c', value: 3}
19
];
20
21
var chart = anychart.waterfall();
22
chart.dataMode('absolute');
23
24
// Adds series.
25
chart.addSeries(data1);
26
chart.addSeries(data2);
27
chart.addSeries(data3);
28
29
chart.labels(false);
30
chart.title('Add multiple series');
31
chart.container('container');
32
chart.draw();
33
});