anchor.diff:   				document.getElementById("name" + i).innerHTML = "<span style='display:inline-block; overflow:hidden; width:10px'></span><span id = "+spanId+" title = '"+projectName+"'  style = 'display: inline-block; white-space:nowrap ;background-color: "+ color +"; width:"+ barWidth + "px';>"+shortName+"</span><span style='display:inline-block; width:6px'><span style = 'display:inline-block'>"+metricValue+"</span>";
    	 		}else{
    	 			projectName = document.getElementById('metricsTable').getElementsByClassName('nameWidthClass')[i].innerHTML;
  - 	 			shortName = "";
  - 	 			document.getElementById("name" + i).innerHTML = "<span style='display:inline-block; overflow:hidden; width:10px'></span><span id = "+spanId+" title = '"+projectName+"'  style = 'display: inline-block; white-space:nowrap ;background-color: "+ color +"; width:"+ barWidth + "px';>"+shortName+"</span><span style='display:inline-block; width:6px'><span style = 'display:inline-block'>"+metricValue+"</span>";
  + 	 			document.getElementById("name" + i).innerHTML = "<span style='display:inline-block; overflow:hidden; width:10px'></span><span id = "+spanId+" title = '"+projectName+"'  style = 'display: inline-block; white-space:nowrap ;background-color: "+ color +"; width:"+ barWidth + "px';></span><span style='display:inline-block; width:6px'><span style = 'display:inline-block'>"+metricValue+"</span>";
    	 	 	}
    		}
    	}
  
positive.code: <% if (projectGroup != nil )%>
  <h1 style="color:#4B9FD5" ><%=projectGroup.value -%></h1><br>
  
  <table id = "metricsTable" class ="data" style = "table-layout:auto; width:100%" >
  <thead> 
    <tr valign ="top">
  
negative.code: <% end %>
  <% end %>
  </table>
  </div>
  <% end %>
  
  
  