FusionCharts - Gallery Example - Funnel Chart in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="https://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.widgets.js"></script>
<!-- Funnel chart showing conversation of website visits to purchase -->
<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": {
        "useEllipsesWhenOverflow": 1,
        "outCnvBaseFont": "Verdana",
        "outCnvBaseFontSize": 12,
        "outCnvBaseFontColor": "#000000",
        "showCanvasBorder": 1,
        "canvasbgColor": "#FFFFFF",
        "canvasbgAlpha": 80,
        "canvasBorderColor": "#CCCCCC",
        "canvasBorderAlpha": 80,
        "canvasBorderThickness": 5,
        "exportMode": "server",
        "exportEnabled": 1,
        "exportFormats": "PNG=Exportar a imagen|XLS=Exportar datos",
        "exportTargetWindow": "_self",
        "exportAtClientSide": 1,
        "exportFileName": "23_funnel",
        "type": "funnel",
        "theme": "fint",
        "labelFont": "Verdana",
        "labelFontColor": "#000000",
        "labelFontSize": 12,
        "labelFontBold": 0,
        "labelFontItalic": 0,
        "valueFont": "Verdana",
        "valueFontColor": "#000000",
        "valueFontSize": 12,
        "valueFontBold": 0,
        "valueFontItalic": 0,
        "showLabels": 1,
        "caption": "",
        "captionOnTop": "1",
        "captionPadding": null,
        "alignCaptionWithCanvas": 1,
        "subCaption": "",
        "subCaptionFontSize": null,
        "borderAlpha": 100,
        "is2D": 0,
        "bgColor": "#FFFFFF",
        "showValues": 1,
        "numberPrefix": "",
        "numberSuffix": "",
        "showPercentValues": 1,
        "chartLeftMargin": null,
        "captionFont": "Verdana",
        "captionFontSize": 12,
        "captionFontColor": "#000000",
        "captionAlignment": "center",
        "showBorder": 0,
        "borderColor": "#FFFFFF",
        "borderThickness": 2,
        "legendPosition": "bottom",
        "decimals": 0,
        "formatNumberScale": 0,
        "labelDisplay": "auto",
        "slantLabels": 0,
   ...