From ed35f001663f930bb229e030f20f3bd55fee9cd2 Mon Sep 17 00:00:00 2001
From: "felix.gateru" <felix.gateru@gmail.com>
Date: Mon, 11 Mar 2024 17:13:12 +0300
Subject: [PATCH] Added data to multibar chart

Signed-off-by: felix.gateru <felix.gateru@gmail.com>
---
 ui/web/static/js/charts.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/ui/web/static/js/charts.js b/ui/web/static/js/charts.js
index ec4381593..a1b31e6bf 100644
--- a/ui/web/static/js/charts.js
+++ b/ui/web/static/js/charts.js
@@ -1022,6 +1022,37 @@ class MultiBarChart extends Echart {
         ]
     };
     multiBarChart.setOption(option);
+
+    async fetchDataAndUpdate() {
+      try {
+        const apiEndpoint = '/data?channel=${this.chartData.channel}';
+        const response = await fetch(apiEndpoint);
+  
+        if (!response.ok) {
+          throw new Error('API request failed with status ${response.status}');
+        }
+  
+        const data = await response.json();
+        updateChart(data);
+  
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        // Handle the error (e.g., display an error message)
+      } finally {
+        // Schedule the next update
+        setTimeout(() => this.fetchDataAndUpdate(), 5000); // Example: 5 seconds 
+      }
+    }
+  
+    updateChart(data) {
+      const barChart = echarts.init(document.getElementById(this.ID));
+      const option = barChart.getOption(); // Get the existing options
+      
+      option.series[0].data = data.seriesData; 
+  
+      barChart.setOption(option); // Update the chart
+    }
+  }
   `;
   }
 }