Fix polar graph on PDF

resources/views/pdf/dossierCyberSecurite/graphs-js.blade.php

@@ -21,6 +21,7 @@
                 lineWidth: 2,
             },
             pointLabels: {
+                display: true,
                 fontColor: 'black',
                 fontSize: 25,
             },
@@ -105,6 +106,10 @@
             options: radarOptions,
         });
 
+        const polarOptions = radarOptions;
+
+        polarOptions.startAngle = -125*Math.PI/180
+
         const attackctx = document.getElementById('attackGraph').getContext('2d');
         const attackChart = new Chart(attackctx, {
             type: 'polarArea',
@@ -129,42 +134,10 @@
                         'rgba(75, 192, 192, 0.5)', // vert
                         'rgba(255, 221, 86, 0.5)', // jaune
                         'rgba(54, 162, 235, 0.5)', // bleu
-                    ]
+                    ].slice(0, attackData.data.length)
                 }]
             },
-            options: {
-                ...radarOptions,
-                startAngle: -125*Math.PI/180,
-                legend: {
-                    display: false,
-                },
-                scale: {
-                    angleLines: {
-                        lineWidth: 2,
-                    },
-                    gridLines: {
-                        lineWidth: 2,
-                    },
-                    pointLabels: {
-                        display: true,
-                        fontColor: 'black',
-                        fontSize: 25,
-                    },
-                    beginAtZero: true,
-                    animate: false,
-                    ticks: {
-                        color: '#000',
-                        backdropColor: 'rgba(255,255,255, 0.8)',
-                        fontSize: 25,
-                        z: 10,
-                        min:0,
-                        beginAtZero: true,
-                    },
-                    grid: {
-                        z: 9,
-                    }
-                },
-            },
+            options: polarOptions,
         });
 
         const maturityctx = document.getElementById('maturityGraph').getContext('2d');