anchor.diff:  								
   									<c:set var="table" scope="page" value="${tables[loop.index]}"/>
   										<table id="table${loop.count}" class="table table-bordered table-hover table-striped">
  -										<thead><tr><th></th> <!-- empty header at left end -->
  -										<c:forEach var="xAxisCat" items="${table.xAxisCategories}" varStatus="xCatCount">
  -										<th>${xAxisCat}</th>
  +										<thead><tr>
  +										<c:forEach var="colHeader" items="${table.columnHeaders}" varStatus="xCatCount">
  +										<th>${colHeader}</th>
   										</c:forEach>
   										<%-- <th>${tables[loop.count-1].xAxisCategories[1]}</th><th>${tables[loop.count-1].xAxisCategories[2]}</th> --%>
   										</tr></thead>
  
positive.code: 								<div id="chart${uniDimensionalLoop.count}"
  									style="min-width: 400px; height: 400px; margin: 0 auto">
  								</div>
  								
  								
  								
  			
  
negative.code: 										
  										
  										
  												<c:forEach var="rowHeader" items="${table.rowHeaders}" varStatus="rowCount">
  												<tr>
  												<td>${rowHeader}</td>
  														<c:forEach var="cellRow" items="${table.cellData[rowCount.index]}" varStatus="cellCount">
  																<c:forEach var="cell" items="${cellRow}" varStatus="columnCount">
  																		<td>${cell}</td>
  																</c:forEach>
  														</c:forEach>
  												</tr>
  												</c:forEach>
  