Widget:WJG Sandbox: Difference between revisions

@@ Line 1,041: / Line 1,041: @@
 		console.log('API result:', data);
 	});
+// Here's some code to create the labels for the graph (recall that qdist is the distribution of points).
+point_labels=[];
+for (var j = 0; j < qdist; j+=1){
+    point_labes[j]=j.toString();
+	}
+var buyerData = {
+                labels : point_labels,
+                datasets : [
+		{
+			fillColor : "rgba(220,220,220,0.5)",
+			strokeColor : "rgba(220,220,220,1)",
+			pointColor : "rgba(220,220,220,1)",
+			pointStrokeColor : "#fff",
+			data : qdist,
+			title: "Individual tests"
+		}
+            ]
+            }
+var newopts = {
+yAxisLabel : "Percent Correct",
+yAxisFontFamily : "'Arial'",
+yAxisFontSize : 16,
+yAxisFontStyle : "normal",
+yAxisFontColor : "#666",
+legend : true,
+legendFontFamily : "'Arial'",
+legendFontSize : 12,
+legendFontStyle : "normal",
+legendFontColor : "#666",
+legendBlockSize : 15,
+legendBorders : false,
+legendBordersColor : "#666",
+graphTitle : "My Performance",
+graphTitleFontFamily : "'Arial'",
+graphTitleFontSize : 24,
+graphTitleFontStyle : "bold",
+graphTitleFontColor : "#666",
+}
+            // get line chart canvas
+            var buyers = document.getElementById('buyers').getContext('2d');
+            // draw line chart
+            new Chart(buyers).Line(buyerData,newopts);
 	$("#examSpace").append(datas);

Revision as of 23:13, 22 May 2014