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>