anchor.diff:  
   					<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">
  +						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">
  +						<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">
  +						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">
  +								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">
  +						class="form-control input-sm m-b-10" onchange="refreshCharts()">
   
   					</select></li>
   					</br>
  
positive.code: 								} ]
  							}
  						},
  						/*axis : {
  							x : {
  								type : 'category',
  								categories : xAxisList
  						},*/
  						bindto : '#chart4'
  					});
  		}
  
negative.code: 		
  		function refreshCharts(){
  			createFilterDataTable();
  			createDonutChart();
  			createWaterfallChart();
  		}
  		
  		function resetCharts(){
  