fix issue where selected tod charts are not updated after interval ch…

…anged
opennem · Sep 26, 2023 · 1ece451 · 1ece451
1 parent 3ea87dc
commit 1ece451
Showing 1 changed file with 23 additions and 15 deletions.
diff --git a/components/Charts/TimeOfDay/index.vue b/components/Charts/TimeOfDay/index.vue
@@ -298,6 +298,10 @@ export default {
 
         this.timeDomains = timeDomains
       }
+    },
+
+    interval(val) {
+      this.reassignSelectedToDs()
     }
   },
 
@@ -306,21 +310,7 @@ export default {
     this.tickFormat = (d) => getTimeLabel(d)
     this.secondTickFormat = () => ''
 
-    const updatedSelectedToDs = []
-    this.datasetsWithPositiveLoads.forEach(ds => {
-      const isPrice = ds.type === 'price'
-      const hasFuelTech = ds.fuelTech ? true : false
-      const find = hasFuelTech
-        ? this.selectedToDs.find(d => d.fuelTech === ds.fuelTech)
-        : isPrice 
-          ? this.selectedToDs.find(d => d.type === 'price') 
-          : this.selectedToDs.find(d => d.id === ds.id)
-      
-      if (find) {
-        updatedSelectedToDs.push(ds)
-      }
-    })
-    this.setSelectedToDs(updatedSelectedToDs)
+    this.reassignSelectedToDs()
   },
 
   mounted() {
@@ -334,6 +324,24 @@ export default {
       setSelectedToDs: 'timeOfDay/selectedToDs'
     }),
 
+    reassignSelectedToDs() {
+      const updatedSelectedToDs = []
+      this.datasetsWithPositiveLoads.forEach(ds => {
+        const isPrice = ds.type === 'price'
+        const hasFuelTech = ds.fuelTech ? true : false
+        const find = hasFuelTech
+          ? this.selectedToDs.find(d => d.fuelTech === ds.fuelTech)
+          : isPrice 
+            ? this.selectedToDs.find(d => d.type === 'price') 
+            : this.selectedToDs.find(d => d.id === ds.id)
+        
+        if (find) {
+          updatedSelectedToDs.push(ds)
+        }
+      })
+      this.setSelectedToDs(updatedSelectedToDs)
+    },
+
     handleDateHover(date) {
       this.hoverDate = DateDisplay.getClosestDateByInterval(
         date,