Update rl_script.js

rl_script.js

@@ -17,6 +17,7 @@ let agentState = { ...initialState };
 let gridCells = [];
 let stepCount = 0;
 let stepHistory = [];
+let myChart = null; // Global variable to hold the chart instance
 
 function createGrid() {
     for (let row = 0; row < gridRows; row++) {
@@ -101,9 +102,14 @@ function resetRL() {
 
 function updateLearningGraph() {
     const ctx = learningGraphCanvas.getContext('2d');
-    ctx.clearRect(0, 0, learningGraphCanvas.width, learningGraphCanvas.height);
 
-    new Chart(ctx, {
+    // Destroy the existing chart if it exists
+    if (myChart) {
+        myChart.destroy();
+    }
+
+    // Create a new chart
+    myChart = new Chart(ctx, {
         type: 'line',
         data: {
             labels: Array.from({ length: stepHistory.length }, (_, i) => i + 1),