Fisheye: Tag dce087af5aa21879e5a78dfe4b642d85016dd9a3 refers to a dead (removed) revision in file `lams_central/web/includes/javascript/chartjs.js'.
Fisheye: No comparison available.  Pass `N' to diff?
Index: lams_tool_scratchie/web/pages/tblmonitoring/tra.jsp
===================================================================
diff -u -r01914e84eaec252cea509f1990122a58b555cbd5 -rdce087af5aa21879e5a78dfe4b642d85016dd9a3
--- lams_tool_scratchie/web/pages/tblmonitoring/tra.jsp	(.../tra.jsp)	(revision 01914e84eaec252cea509f1990122a58b555cbd5)
+++ lams_tool_scratchie/web/pages/tblmonitoring/tra.jsp	(.../tra.jsp)	(revision dce087af5aa21879e5a78dfe4b642d85016dd9a3)
@@ -8,36 +8,47 @@
 </style>
 
 <!-- ChartJS. Colour used is brand-primary for purple skin. -->
-<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/chartjs.js"></script>
 <script>
 	$(document).ready(function(){
-		var barData = {
-			labels: [<c:forEach var="groupSummary" items="${groupSummaries}">"${groupSummary.sessionName}",</c:forEach>],
-			datasets: [{
-				label: "My First dataset",
-				fillColor: "#85237d",
-				strokeColor: "#85237d",
-				highlightFill: "#85237d",
-				highlightStroke: "#85237d",
-				data: [<c:forEach var="groupSummary" items="${groupSummaries}">${groupSummary.totalPercentage},</c:forEach>]
-			}]
-		};
+		var ctx = document.getElementById("barChart").getContext("2d"),
+			myNewChart = new Chart(ctx, {
+				type : 'bar',
+				data : {
+					datasets : [ {
+						data : [<c:forEach var="groupSummary" items="${groupSummaries}">${groupSummary.totalPercentage},</c:forEach>],
+						backgroundColor : "#85237d",
+						borderColor     :  "#85237d",
+						hoverBackgroundColor : "#85237d",
+						hoverBorderColor: "#85237d"
+					} ],
+					labels :  [<c:forEach var="groupSummary" items="${groupSummaries}">"${groupSummary.sessionName}",</c:forEach>],
+				},
+				options : {
+					legend : {
+						display : false
+					},
+					scales : {
+						xAxes : [
+							{
+								 ticks : {
+									fontSize : 30
+								}
+							}
+						],
+						yAxes : [
+							{
+							    ticks : {
+									beginAtZero   : true,
+									maxTicksLimit : 6,
+									suggestedMax  : 100,
+									fontSize : 25
+								}
+							}
+						]
+					}
+				}
+			});
 
-		var barOptions = {
-			scaleBeginAtZero: true,
-			scaleShowGridLines: true,
-			scaleGridLineColor: "rgba(0,0,0,.05)",
-			scaleGridLineWidth: 1,
-			barShowStroke: true,
-			barStrokeWidth: 2,
-			barValueSpacing: 5,
-			barDatasetSpacing: 1,
-	<%--	responsive: true,  When responsive the font becomes too small on larger screen --%>
-		};
-
-		var ctx = document.getElementById("barChart").getContext("2d");
-		var myNewChart = new Chart(ctx).Bar(barData, barOptions);
-
 		//insert total learners number taken from the parent tblmonitor.jsp
 		$("#total-learners-number").html(TOTAL_LESSON_LEARNERS_NUMBER);
 	});