feat: refine xg diff chart

mattmontgomery · May 28, 2024 · dc32907 · dc32907
1 parent 8e4ef43
commit dc32907
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/pages/[league]/xg/rolling/[stat]/[period].tsx b/pages/[league]/xg/rolling/[stat]/[period].tsx
@@ -88,6 +88,9 @@ export default function Chart(): React.ReactElement {
   }
   return (
     <BaseASARollingPage
+      getBackgroundColor={(value) =>
+        (value ?? 0) > 0 ? "success.main" : "error.main"
+      }
       renderControls={renderComponent}
       endpoint={(year, league) => `/api/asa/xg?year=${year}&league=${league}`}
       isStaticHeight={false}
@@ -173,10 +176,10 @@ function dataParser({
                 typeof statHeightCalc[stat] === "function"
                   ? statHeightCalc[stat]
                   : (value, periodLength) =>
-                      `${
+                      `${Math.abs(
                         ((value || 0) / (periodLength * statHeightMap[stat])) *
-                        100
-                      }%`
+                          100,
+                      )}%`
               }
             />
           );