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
{name: "Total Market", value: 232000},
6
{name: "Prospects", value: 94480,
7
normal: {
8
hatchFill: "backward-diagonal",
9
stroke: "black"
10
},
11
hovered: {
12
fill: "lightGray",
13
hatchFill: "backward-diagonal",
14
stroke: "black"
15
},
16
selected: {
17
fill: "white",
18
hatchFill: "backward-diagonal",
19
stroke: "black"
20
}
21
},
22
{name: "Leads", value: 47390},
23
{name: "Sales", value: 22181}
24
];
25
26
// create a chart and set the data
27
var chart = anychart.funnel(data);
28
29
// set the container id
30
chart.container("container");
31
32
// initiate drawing the chart
33
chart.draw();
34
});