FusionCharts - Gallery Example - Waterfall 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.powercharts.js"></script>

<div id="graphic2">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var fupsChart2 = new FusionCharts({
    type: 'waterfall2d',
    renderAt: 'graphic2',
    width: '100%',
    height: '400',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "caption": "Total de EPRs Abertos",
        "subcaption": "por Status",
        "yAxisname": "Quantidade",
        "showSumAtEnd": "0",
        "sumlabel": "Total",
        "paletteColors": "#0075c2, #1aaf5d, #f2c500, #D77400, #0075c2, #1aaf5d, #f2c500, #D77400, #ff4400",
        "baseFontColor": "#333333",
        "baseFont": "Helvetica Neue,Arial",
        "baseFontSize": "20",
        "outCnvBaseFontSize": "18",
        "captionFontSize": "20",
        "subcaptionFontSize": "20",
        "subcaptionFontBold": "0",
        "showBorder": "0",
        "bgColor": "#ffffff",
        "showShadow": "0",
        "canvasBgColor": "#ffffff",
        "canvasBorderAlpha": "0",
        "usePlotGradientColor": "0",
        "showplotborder": "0",
        "showXAxisLine": "1",
        "xAxisLineThickness": "1",
        "xAxisLineColor": "#999999",
        "showAlternateHGridColor": "0"
      },
      "data": [{
        "label": "Cancelled",
        "value": "200",
        "link": "P-detailsWin,width=1050,height=400,toolbar=no,scrollbars=yes,resizable=yes-http://www.google.com"
      }, {
        "label": "Deferred",
        "value": "400",
        "link": "P-detailsWin,width=1050,height=400,toolbar=no,scrollbars=yes,resizable=yes-http://www.google.com"
      }, {
        "label": "Closed",
        "value": "600",
        "link": "P-detailsWin,width=1050,height=400,toolbar=no,scrollbars=yes,resizable=yes-http://www.google.com"
      }, {
                    "label":"Total Costs",
                    "isSum":"1",
                    "link": "P-detailsWin,width=1050,height=400,toolbar=no,scrollbars=yes,resizable=yes-http://www.google.com"
                }]
    }
  }).render();
});