Separation html js

2 years ago · d038345ddb
parent 239108ed3d
commit d038345ddb
2 changed files with 67 additions and 1 deletions
--- a/WEB/View/src/JS/dashboard.js
+++ b/WEB/View/src/JS/dashboard.js
@ -0,0 +1,64 @@
 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();
    }
--- a/WEB/View/src/pages/Multijoueur/Dashboard.html
+++ b/WEB/View/src/pages/Multijoueur/Dashboard.html
@ -22,6 +22,8 @@
    ></script>
  </head>
  <body>
-    
+	<script src="../../JS/dashboard.js"></script>
    <div id="chartContainer" style="height: 370px; width: 100%;"></div>
 	<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
  </body>
 </html>