Highcharts test tool

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>

<div id="container" style="height: 400px; width: 600px;"></div>

JavaScript

$(document).ready(function () {
    var div = 'container';
    var data = new Array(100, -5, -8, -16, -10);
    var xAxis = new Array("Attempts", "Declines", "Declines", "Approved", "User", "Processor", "net");
    var chart = new Highcharts.Chart({
        chart: {
            type: 'waterfall',
            renderTo: div,
            width: 700,
            height: 275
        },

        title: {
            text: 'Percent '
        },

        xAxis: {
            type: 'category'
        },

        yAxis: {
            max: 100,
            min: 25,
            title: {
                text: 'Percent'
            }
        },

        legend: {
            enabled: false
        },
        credits: {
            enabled: false
        },

        tooltip: {
            pointFormat: '{point.y:,.1f}%'
        },

        series: [{
            upColor: Highcharts.getOptions().colors[2],
            color: Highcharts.getOptions().colors[3],
            data: [{
                name: xAxis[0],
                y: data[0],
                color: Highcharts.getOptions().colors[1]
            }, {
                name: xAxis[1],
                y: data[1]
            }, {
                name: xAxis[2],
                y: data[2]
            }, {
                name: xAxis[3],
                isIntermediateSum: true,
                color: Highcharts.getOptions().colors[1]
            }, {
                name: xAxis[4],
                y: data[3]
            }, {
                name: xAxis[5],
                y: data[4]
            }, {
                name: xAxis[6],
                isSum: true,
                color: Highcharts.getOptions().colors[1]
            }],
            dataLabels: {
                enabled: true,
                formatter: function () {
                    return this.y + '%';
                },
            verticalAlign: 'top',
                style: {
                    color: '#FFFFFF',
                    fontWeight: 'bold'
      ...