DashBoardV1

2 years ago · 588bc7a462
parent 6656a90629
commit 588bc7a462
1 changed files with 75 additions and 0 deletions
--- a/WEB/View/src/pages/Multijoueur/Dashboard.html
+++ b/WEB/View/src/pages/Multijoueur/Dashboard.html
@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<script>
+window.onload = function () {
+var chart = new CanvasJS.Chart("chartContainer", {
+	animationEnabled: true,
+	zoomEnabled: true,
+	theme: "dark2",
+	title: {
+		text: "Score"
+	},
+	axisX: {
+		title: "Enigme",
+		valueFormatString: "####",
+		interval: 1
+	},
+	axisY: {
+		title: "Point",
+		titleFontColor: "#6D78AD",
+		lineColor: "#6D78AD",
+		gridThickness: 0,
+		lineThickness: 1,
+	},
+	legend: {
+		verticalAlign: "top",
+		fontSize: 16,
+	},
+	data: [{
+		type: "line",
+		xValueFormatString: "Pierre",
+		dataPoints: [
+            { x: 0, y: 0 },
+			{ x: 1, y: 50 },
+			{ x: 2, y: 100 },
+			{ x: 3, y: 150 },
+			{ x: 4, y: 150 },
+			{ x: 5, y: 200 },
+		]
+	},
+    {
+		type: "line",
+		xValueFormatString: "Noe",
+		dataPoints: [
+            { x: 0, y: 0 },
+			{ x: 1, y: 100 },
+			{ x: 2, y: 100 },
+			{ x: 3, y: 200 },
+			{ x: 4, y: 250 },
+			{ x: 5, y: 300 },
+		]
+	},
+    {
+		type: "line",
+		xValueFormatString: "Nathan",
+		dataPoints: [
+            { x: 0, y: 0 },
+			{ x: 1, y: 75 },
+			{ x: 2, y: 100 },
+			{ x: 3, y: 150 },
+			{ x: 4, y: 200 },
+			{ x: 5, y: 250 },
+		]
+	}
+]
+});
+chart.render();
+}
+</script>
+</head>
+<body>
+<div id="chartContainer" style="height: 370px; width: 100%;"></div>
+<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
+</body>
+</html>