🚧 improve single-region graph

src/app/graphs/region-graph/region-graph.component.ts

@@ -24,21 +24,30 @@ export class RegionGraphComponent {
   }
 
   processData() {
-    //TODO: parametrize the PARAM_TO_COMPARE
     const PARAM_TO_COMPARE = 'aggregated';
     const years = [];
-    const regions = [];
+    const factors = [];
     const colors = [];
     for (const yearData of Object.values<any[]>(this.sdmDihService.sdmData)) {
       for (const regionData of yearData) {
-        years.push(regionData['TIME_STEP']);
-        regions.push(regionData['MODEL']);
-        colors.push(regionData[PARAM_TO_COMPARE]);
+        console.log(regionData);
+        if (regionData['MODEL'] !== this.region) {
+          continue;
+        }
+        for (const [factor, value] of Object.entries(regionData)) {
+          if (['TIME_STEP', 'MODEL', 'aggregated'].includes(factor)) {
+            continue;
+          }
+          years.push(regionData['TIME_STEP']);
+          const factorBeautifulName = factor.split('/').pop();
+          factors.push(factorBeautifulName);
+          colors.push(regionData[factor]?.index);
+        }
       }
     }
     const trace1 = {
       x: years,
-      y: regions,
+      y: factors,
       mode: 'markers',
       marker: {
         size: 10,