Index: lams_tool_assessment/web/includes/javascript/chart.js
===================================================================
diff -u -rd6448910114beeaf0bf28ace95db98870dfdb80b -r3d1c6963589452c441b1670c2eecf3eb85a128a5
--- lams_tool_assessment/web/includes/javascript/chart.js	(.../chart.js)	(revision d6448910114beeaf0bf28ace95db98870dfdb80b)
+++ lams_tool_assessment/web/includes/javascript/chart.js	(.../chart.js)	(revision 3d1c6963589452c441b1670c2eecf3eb85a128a5)
@@ -5,6 +5,20 @@
 	gray: '#6c757d'
 };
 
+function drawCompletionCharts(toolContentId, animate) {
+
+	const source = new EventSource( WEB_APP_URL + 'monitoring/getCompletionChartsData.do?toolContentId=' + toolContentId);
+
+	source.onmessage = function (event) {
+		if (!event.data) {
+			return;
+		}
+		var data = JSON.parse(decodeURIComponent(event.data));
+		drawActivityCompletionChart(data, animate);
+		drawAnsweredQuestionsChart(data, animate);
+	}
+}
+
 function drawActivityCompletionChart(data, animate){
 	// prepare data for the chart
 	let notStartedLearners = data.possibleLearners.filter(function (learner) {
@@ -63,7 +77,7 @@
 					GRAPH_COLORS.green
 				],
 				borderWidth : 1,
-				borderColor : COLORS.gray
+				borderColor : GRAPH_COLORS.gray
 			} ],
 			labels : [ LABELS.ACTIVITY_COMPLETION_CHART_POSSIBLE_LEARNERS,
 				LABELS.ACTIVITY_COMPLETION_CHART_STARTED_LEARNERS,