anchor.diff:   		//calculates the bar graph width 
    		var barWidth = removeCommasOrPercentage(metricValue) * scale; 		
    		//creates a span id to use to retrieve the project bar width
  + 		console.log("this is the barWidth in 'showBars':  " + barWidth);
    		var spanId = "span" + i;
    		//alternates color row based on the row number
    		var color = getColor(i);
  - 			
  + 		 		
    		//create a bar based on the metric value.  Used to calculate the name width.
    		previousElement.innerHTML = "<span style='display:inline-block; overflow: hidden; '></span><span id = "+spanId+" style = 'display: inline-block; overflow: hidden; white-space:nowrap ;background-color: "+ color +"; width:"+ barWidth + "px';>"+names+"</span><span style='display:inline-block; width:6px'><span style = 'display:inline-block'>"+metricValue+"</span>";
  - 	 	  	
  + 	 		
     	} 	 	
    	checkNameFormat(noOfRows, metric);	
   }
  
positive.code:     
      "<tbody id = 'barGraphBody' style = 'border: 0px; width: 100%' > ";      
       
     //go through each element for each row in the metrics table, extracting the needed information
     	var idGenerator = 0;
     	var imageIdGenerator = 0;
     	var nameIdGenerator = 0;
     	var divGenerator = 0;
     	var count = 0;
     	
        for (var i = 0; i < elements; i ++){ 
        	newRow = false;
        	//row creation is based on the number of columns. Create a new row if the expression evaluates to true      	
  
negative.code: 	<!--coverage value-->	
  	<% myCoverage = ProjectMeasure.find(:all, :conditions =>{:metric_id => coverageMetric, :snapshot_id => snapshotId}) %>
       <% if (myCoverage.blank? || myCoverage == nil)%>
         <td id ="coverageValue" class="coverageValue" align="right" nowrap="">-</td>
       <% else %>
        <td id = "coverageValue" align="right" nowrap=""><%= myCoverage[0].value-%>%</td>
       <% end %>	
  