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
// prepare data for the chart
3
var data = [
4
{name: "TV promotion", value: 6371664},
5
{name: "Radio promotion", value: 7216301},
6
{name: "Advertising leaflets", value: 1486621},
7
{name: "Before advertising started", value: 1386622}
8
];
9
10
// create funnel chart
11
var chart = anychart.pyramid(data);
12
13
// set container id for the chart
14
chart.container("container");
15
16
// set chart legend settings
17
var legend = chart.legend();
18
legend.enabled(true);
19
legend.position("outside-right");
20
legend.itemsLayout("vertical");
21
legend.align("top");
22
23
chart.labels(false)
24
25
// initiate chart drawing
26
chart.draw();
27
});