🎉 🔧 edited opacity code, unfinished

DLR-SC · Dec 17, 2024 · 39416c3 · 39416c3
1 parent 4d1a03c
commit 39416c3
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/frontend/src/components/LineChartComponents/LineChart.tsx b/frontend/src/components/LineChartComponents/LineChart.tsx
@@ -370,16 +370,22 @@ export default function LineChart({
       return [];
     }
 
-    return lineChartData.map((line) => {
+    const totalScenarios = lineChartData.length;
+    const maxOpacity = 0.2; // Maximum cumulative opacity
+
+    return lineChartData.map((line, index) => {
       const lineColor = line.stroke.color ?? color(theme.palette.error.main);
       const fillColor = line.fill ?? color(theme.palette.error.main);
 
+      const weight = (index + 1) / totalScenarios; // Proportional weight
+      const opacity = weight * maxOpacity; // Adjust opacity based on weight
+
       return {
         threshold: horizontalYAxisThreshold,
         fills: {
           fill: fillColor, // change the fill of the range above threshold
           visible: true, // visibility of the fill
-          fillOpacity: line.fillOpacity ?? 0.15,
+          fillOpacity: opacity,
         },
         strokes: {
           stroke: color(theme.palette.error.main), // change the stroke for points above threshold