anchor.diff:  		
   		function refreshCharts(){
   			createFilterDataTable();
  -			createDonutChart ();
  +			createDonutChart();
  +			createWaterfallChart();
   		}
   		
   		function resetCharts(){
  
positive.code: 		}
  		
  		function createWaterfallChart(){
  			var waterfallData = d3.nest().key(function(d) {
  					return d.Transaction_Detail;
  				}).rollup(function(d) {
  					return d3.sum(d, function(g) {
  						return 1;
  					});
  				}).entries(filtered_data);
  			console.log("waterfall chart...", waterfallData);
  			var xAxisList = [];
  			for(var i = 0; i < waterfallData.length; i++) {
  					xAxisList.push(waterfallData[i].key);
  				}
  			xAxisList.push("Closing");
  			console.log("waterfall chart 2...", xAxisList);
  			// Transform data (i.e., finding cumulative values and total)
  			var cumulative = 0;
  			for (var i = 0; i < waterfallData.length; i++) {
  				waterfallData[i].start = cumulative;
  				cumulative += waterfallData[i].values;
  				waterfallData[i].end = cumulative;
  
negative.code: 
  					<li><font color="white"><i class="fa fa-road"></i> <span>Channel
  								Name</span></font></br> <select id="channelNameDropDown"
  						class="form-control input-sm m-b-10" onchange="refreshCharts()">
  					</select></li>
  
  					<li><font color="white"><i class="fa fa-globe"></i> <span>Region</span></font></br>
  						<select id="regionDropDown" class="form-control input-sm m-b-10" onchange="refreshCharts()">
  
  					</select></li>
  					<li><font color="white"><i class="fa fa-star"></i> <span>Product
  								Family</span></font></br> <select id="prodFamilyDropDown"
  						class="form-control input-sm m-b-10" onchange="refreshCharts()">
  
  					</select></li>
  					<li><font color="white"> <i class="fa fa-glass"></i><span>Policy
  								Name</span></font></br> <select id="policyNameDropDown"
  						class="form-control input-sm m-b-10" onchange="refreshCharts()">
  
  					</select></li>
  					<li><font color="white"><i class="fa fa-user"></i> <span>Customer
  								Type</span></font></br> <select id="customerTypeDropDown"
  						class="form-control input-sm m-b-10" onchange="refreshCharts()">
  
  					</select></li>
  					</br>
  