[Frontend]Scenario scores display (#1115)

OpenBAS-Platform · Jul 16, 2024 · 5089a2b · 5089a2b
1 parent 8ee3666
commit 5089a2b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git a/openbas-front/src/admin/components/scenarios/scenario/ScenarioDistributionByExercise.tsx b/openbas-front/src/admin/components/scenarios/scenario/ScenarioDistributionByExercise.tsx
@@ -76,6 +76,7 @@ const ScenarioDistributionByExercise: FunctionComponent<Props> = ({
             'dataPoints',
             true,
             exercises.length === 0,
+            1,
           ) as ApexOptions}
           series={series}
           type="bar"

diff --git a/openbas-front/src/utils/Charts.js b/openbas-front/src/utils/Charts.js
@@ -259,6 +259,7 @@ export const areaChartOptions = (
  * @param {number | 'dataPoints'} tickAmount
  * @param {boolean} isResult
  * @param {boolean} isFakeData
+ * @param {number} max
  */
 export const verticalBarsChartOptions = (
   theme,
@@ -271,6 +272,7 @@ export const verticalBarsChartOptions = (
   tickAmount = undefined,
   isResult = false,
   isFakeData = false,
+  max = undefined,
 ) => ({
   chart: {
     type: 'bar',
@@ -299,9 +301,9 @@ export const verticalBarsChartOptions = (
   },
   grid: {
     borderColor:
-        theme.palette.mode === 'dark'
-          ? 'rgba(255, 255, 255, .1)'
-          : 'rgba(0, 0, 0, .1)',
+      theme.palette.mode === 'dark'
+        ? 'rgba(255, 255, 255, .1)'
+        : 'rgba(0, 0, 0, .1)',
     strokeDashArray: 3,
   },
   legend: {
@@ -346,6 +348,7 @@ export const verticalBarsChartOptions = (
     axisBorder: {
       show: false,
     },
+    max,
   },
   plotOptions: {
     bar: {
@@ -417,9 +420,9 @@ export const horizontalBarsChartOptions = (
   },
   grid: {
     borderColor:
-        theme.palette.mode === 'dark'
-          ? 'rgba(255, 255, 255, .1)'
-          : 'rgba(0, 0, 0, .1)',
+      theme.palette.mode === 'dark'
+        ? 'rgba(255, 255, 255, .1)'
+        : 'rgba(0, 0, 0, .1)',
     strokeDashArray: 3,
   },
   legend: {
@@ -633,16 +636,16 @@ export const polarAreaChartOptions = (
         rings: {
           strokeWidth: 1,
           strokeColor:
-              theme.palette.mode === 'dark'
-                ? 'rgba(255, 255, 255, .1)'
-                : 'rgba(0, 0, 0, .1)',
+            theme.palette.mode === 'dark'
+              ? 'rgba(255, 255, 255, .1)'
+              : 'rgba(0, 0, 0, .1)',
         },
         spokes: {
           strokeWidth: 1,
           connectorColors:
-              theme.palette.mode === 'dark'
-                ? 'rgba(255, 255, 255, .1)'
-                : 'rgba(0, 0, 0, .1)',
+            theme.palette.mode === 'dark'
+              ? 'rgba(255, 255, 255, .1)'
+              : 'rgba(0, 0, 0, .1)',
         },
       },
     },