3D Funnel chart
Funnel chart can have 3D look. To achieve this, you should set <code>depth3D</code> and <code>angle</code> properties to some bigger than 0 values. Note, if you do this <code>neckHeight</code> will automatically become 0 (neck won't be displayed).
HTML
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/funnel.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<div id="chartdiv"></div>
CSS
#chartdiv {
width: 100%;
height: 500px;
}
JavaScript
var chart = AmCharts.makeChart( "chartdiv", {
"type": "funnel",
"theme": "light",
"dataProvider": [ {
"title": "All Browsers",
"value": 35500542
}, {
"title": "Internet Explorer",
"value": 570984
}, {
"title": "above 9+",
"value": 551423 + 8554 + 5113
}, {
"title": "below ie8",
"value": 4574 + 2000
}, {
"title": "Below ie 6",
"value": 200
}],
"balloon": {
"fixedPosition": true
},
"valueField": "value",
"titleField": "title",
"marginRight": 240,
"marginLeft": 50,
"startX": -500,
"depth3D": 100,
"angle": 40,
"outlineAlpha": 1,
"outlineColor": "#FFFFFF",
"outlineThickness": 2,
"labelPosition": "right",
"balloonText": "[[title]]: [[value]]n[[description]]",
"export": {
"enabled": true
}
} );