251253

Created using FusionCharts Suite XT - www.fusioncharts.com

by Nabajeet 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>
<!--
    Drawing all slices with same slant angle in Funnel 2D Chart.
-->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    
    FusionCharts["debugger"].enable(true, function (message) {if (window.console) console.log(message);});
    
    var conversionChart = new FusionCharts({
        type: 'funnel',
        renderAt: 'chart-container',
        width: '450',
        height: '750',
        dataFormat: 'json',
        dataSource: {

            "chart": {
                "animation": "0",
                "baseFont": "Verdana",
                "baseFontSize": "18",
                "baseFontColor": "000000",
                "bgcolor": "FFFFFF",
                "is2D": "1",
                "isSliced": "0",
                "showLabelsAtCenter" : "1",              
                "streamlinedData": "0",
                "showBorder" : "1",
                "xaxisname":"aswjshdj",
                "showPlotBorder" : "0",
                "plotBorderColor": "000000",
                "plotBorderThickness": "0.5",
                "plotBorderAlpha": "50",
                "plotFillAlpha": "100",

                "showValues" : "0",
                "useSameSlantAngle" : "0"
            },

            "data":[
                {
                    "label": "Live Jobs:{br}12",
                    "value": "1",
                    "color": "#1873A3",
                    "labelFontColor": "FFFFFF",
                    //"borderAlpha": "0"
                },
                {
                    "label": "Conversion:{br}58%",
                    "value": "0.5",
                    "color": "FFFFFF"                  
                },

                {
                    "label": "1st Interview:{br}7",
                    "value": "1",
                    "color": "#97AA27",
                    "labelFontColor": "FFFFFF",
                    //"borderAlpha": "0"
                },
                {
                    "label": "Conversion:{br}42%",
                    "value": "0.5",
                    "color": "FFFFFF"
                },

                {
    ...