FusionCharts - Funnel 3D Chart in JavaScript Example

Created using FusionCharts Suite XT - www.fusioncharts.com

by Moonmi Sonowal

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.widgets.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- A funnel 3D Chart showing a conversion analysis in percentage of visiting to purchase in Harry's Supermart website last year 

Attribute :
# showPercentValues - set to 1 to show the values in percentage.

-->

<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var conversionChart = new FusionCharts({
        type: 'funnel',
        renderAt: 'chart-container',
        width: '500',
        height: '400',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "Conversion Funnel Analysis for last year",
                    "subcaption": "Harry's SuperMart Website",
                    "decimals": "1",
                    "labelDistance": "15",
                    "plotTooltext": "Success : $percentOfPrevValue",
                    //To show the values in percentage
                    "showPercentValues": "1",
                  "streamlinedData":"0",
                    "theme": "fint"
            },
                "data": [{
                "label": "Unique Website Visits",
                    "value": "1460000"
            }, {
                "label": "Programme Details Section Visits",
                    "value": "930000"
            }, {
                "label": "Attempts to Register",
                    "value": "540000"
            }, {
                "label": "Successful Registrations",
                    "value": "210000"
            }, {
                "label": "Logged In",
                    "value": "190000"
            }, {
                "label": "Purchased on Introductory Offers",
                    "value": "120000"
            }]
        }
    });

    conversionChart.render();
});