update chart instead of creating a new one every time

OpenEarable · Nov 14, 2024 · f83b1c1 · f83b1c1
1 parent 660226d
commit f83b1c1
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 17 deletions.
diff --git a/open_earable/lib/sensor_data_tab/sensor_chart.dart b/open_earable/lib/sensor_data_tab/sensor_chart.dart
@@ -440,6 +440,16 @@ class _EarableDataChartState extends State<EarableDataChart> {
           data: _data,
         ),
       ];
+      webSeriesList = [
+        ChartSeries(
+          id: '${widget.chartTitle}${_data.isNotEmpty ? " (${_units[widget.sensorName]})" : ""}',
+          label: '${widget.chartTitle}${_data.isNotEmpty ? " (${_units[widget.sensorName]})" : ""}',
+          getDomainFn: (SensorData data, _) => data.timestamp,
+          getMeasureFn: (SensorData data, _) => data.values[0],
+          getColorFn: (_, __) => colors[0],
+          data: _data,
+        ),
+      ];
     }
 
     print("Created series list for ${widget.sensorName}: $webSeriesList");

diff --git a/open_earable/web/index.html b/open_earable/web/index.html
@@ -58,25 +58,28 @@
       }
 
       if (canvas.chartInitialized === true) {
+        console.log('Updating existing chart');
         // Update the existing chart
-        canvas.chart.destroy();
-      }
-
-      canvas.chart = new Chart(ctx, {
-        type: chartType,
-        data: {
-          labels: labels,
-          datasets: datasets,
-        },
-        options: {
-          responsive: true,
-          animation: {
-            duration: 0,
+        canvas.chart.data.labels = labels;
+        canvas.chart.data.datasets = datasets;
+        canvas.chart.update();
+      } else {
+        console.log('Creating new chart');
+        canvas.chart = new Chart(ctx, {
+          type: chartType,
+          data: {
+            labels: labels,
+            datasets: datasets,
           },
-        },
-      });
-
-      canvas.chartInitialized = true;
+          options: {
+            responsive: true,
+            animation: {
+              duration: 0,
+            },
+          },
+        });
+        canvas.chartInitialized = true;
+      }
     }
   </script>
 </head>