fix/change

templates/result.html

@@ -157,7 +157,7 @@
   const youFillColor   = 'rgba(255,255,255,0.1)';
   const matchLineColor = 'rgb(191,181,49)';
   const matchFillColor = 'rgba(191,181,49,0.420)';
-  const radialLineColor= 'rgba(255,255,255,0.420)';
+  const radialLineColor= 'rgba(255,255,255,0.1337)';
 
   function getFontSize(){ return window.innerWidth < 600 ? 10 : 42; }
   function getBottomChartFontSize(){ return window.innerWidth < 600 ? 8 : 24; }
@@ -203,11 +203,11 @@
         scales: {
           r: {
             min: 0,
-            max: 80,
+            max: 100,
             ticks: { display: false, stepSize: 20 },
             pointLabels: { font: { size: getFontSize(), weight: 'bold' }, color: '#FFF' },
             angleLines: { color: radialLineColor },
-            grid: { drawticks: false, drawOnChartArea: false, circular: false }
+            grid: { color: radialLineColor, drawticks: false, circular: false }
           }
         },
         plugins: { tooltip: { enabled: false }, legend: { display: false } }
@@ -239,11 +239,11 @@
         scales: {
           r: {
             min: 0,
-            max: 80,
+            max: 100,
             ticks: { display: false, stepSize: 20 },
             pointLabels: { font: { size: getBottomChartFontSize(), weight: 'bold' }, color: '#FFF' },
             angleLines: { color: radialLineColor },
-            grid: { drawticks: false, drawOnChartArea: false, circular: false }
+            grid: { color: radialLineColor, drawticks: false, circular: false }
           }
         },
         plugins: { tooltip: { enabled: false }, legend: { display: false } }