V3: Pyramid chart
HTML
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/funnel.js"></script>
<div id="chartdiv" style="width: 100%; height: 362px;"></div>
JavaScript
var chart;
var data = [
{
"title": "Website visits",
"value": 300
},
{
"title": "Downloads",
"value": 123
},
{
"title": "Requested price list",
"value": 98
},
{
"title": "Contaced for more info",
"value": 72
},
{
"title": "Purchased",
"value": 35
},
{
"title": "Contacted for support",
"value": 15
},
{
"title": "Purchased additional products",
"value": 8
}
];
AmCharts.ready(function () {
chart = new AmCharts.AmFunnelChart();
chart.rotate = true;
chart.titleField = "title";
chart.balloon.fixedPosition = false;
chart.marginRight = 230;
chart.marginLeft = 15;
chart.labelPosition = "right";
chart.funnelAlpha = 0.9;
chart.valueField = "value";
chart.startX = -500;
chart.dataProvider = data;
chart.startAlpha = 0;
chart.write("chartdiv");
});