update

UT-Austin-RPL · Mar 18, 2024 · 6c03e74 · 6c03e74
1 parent cd06a5a
commit 6c03e74
Showing 1 changed file with 36 additions and 18 deletions.
diff --git a/docs/_layouts/home.html b/docs/_layouts/home.html
@@ -898,21 +898,21 @@ <h3 class="title is-4">LIBERO-Goal</h3>
         'libero_goal/put_the_bowl_on_the_plate_demo', 
         'libero_goal/put_the_wine_bottle_on_the_rack_demo']
 
-      var defaultTaskId = 6;
-      function renderDefaultImages2() {
-        var defaultTaskFolder = taskFolders2[defaultTaskId];
-        var defaultDemoIndex = demoIndices2[defaultTaskId];
-        var defaultStart = segStart2[defaultTaskId];
-        var defaultEnd = segEnd2[defaultTaskId];
-
-        var defaultImagePath1 = `./static/data/${defaultTaskFolder}/demo_${defaultDemoIndex}/${defaultStart}.png`;
-        var defaultImagePath2 = `./static/data/${defaultTaskFolder}/demo_${defaultDemoIndex}/${defaultStart + Math.floor((defaultEnd - defaultStart) / 2)}.png`;
-        var defaultImagePath3 = `./static/data/${defaultTaskFolder}/demo_${defaultDemoIndex}/${defaultEnd-1}.png`;
-
-        document.getElementById('image1-2').src = defaultImagePath1;
-        document.getElementById('image2-2').src = defaultImagePath2;
-        document.getElementById('image3-2').src = defaultImagePath3;
-      }
+      // var defaultTaskId = 6;
+      // function renderDefaultImages2() {
+      //   var defaultTaskFolder = taskFolders2[defaultTaskId];
+      //   var defaultDemoIndex = demoIndices2[defaultTaskId];
+      //   var defaultStart = segStart2[defaultTaskId];
+      //   var defaultEnd = segEnd2[defaultTaskId];
+
+      //   var defaultImagePath1 = `./static/data/${defaultTaskFolder}/demo_${defaultDemoIndex}/${defaultStart}.png`;
+      //   var defaultImagePath2 = `./static/data/${defaultTaskFolder}/demo_${defaultDemoIndex}/${defaultStart + Math.floor((defaultEnd - defaultStart) / 2)}.png`;
+      //   var defaultImagePath3 = `./static/data/${defaultTaskFolder}/demo_${defaultDemoIndex}/${defaultEnd-1}.png`;
+
+      //   document.getElementById('image1-2').src = defaultImagePath1;
+      //   document.getElementById('image2-2').src = defaultImagePath2;
+      //   document.getElementById('image3-2').src = defaultImagePath3;
+      // }
 
       function updatePlot2(selectedNumTasks) {
         // Filter points based on selectedNumTasks
@@ -1054,8 +1054,6 @@ <h3 class="title is-4">LIBERO-Goal</h3>
           // Initial visualization with the default value of the slider for the second visualization
           updatePlot2(6);
 
-          renderDefaultImages2();
-
           // Add event listener to slider for the second visualization
           document.getElementById("tasks-slider-2").addEventListener("input", function() {
               var selectedNumTasks = this.value;
@@ -1075,6 +1073,26 @@ <h3 class="title is-4">LIBERO-Goal</h3>
 
           // Add interactivity for hovering for the second visualization
           document.getElementById('plotly-div-2').on('plotly_hover', function(data) {
+          // 如果data.points为空数组,表示初始加载,获取第一个点信息并渲染图像
+          if (data.points.length === 0) {
+              var firstPoint = data.data.x[0];
+              var taskId = taskIds2[0]; 
+              var demoIndex = demoIndices2[0];
+              var start = segStart2[0];
+              var end = segEnd2[0];
+
+              var taskFolder2 = taskFolders2[taskId];
+              var taskName2 = "Task name: " + taskFolder2.split("/")[1].replace(/_/g, " ").replace("demo", "").trim();
+              document.getElementById('task-name-2').innerText = taskName2;
+
+              var imagePath1 = `./static/data/${taskFolder2}/demo_${demoIndex}/${start}.png`;
+              var imagePath2 = `./static/data/${taskFolder2}/demo_${demoIndex}/${start + Math.floor((end - start) / 2)}.png`;
+              var imagePath3 = `./static/data/${taskFolder2}/demo_${demoIndex}/${end-1}.png`;
+
+              document.getElementById('image1-2').src = imagePath1;
+              document.getElementById('image2-2').src = imagePath2;
+              document.getElementById('image3-2').src = imagePath3;
+          } else {
               var point = data.points[0];
               var taskId = taskIds2[point.pointNumber];
               var demoIndex = demoIndices2[point.pointNumber];
@@ -1090,7 +1108,7 @@ <h3 class="title is-4">LIBERO-Goal</h3>
               document.getElementById('image1-2').src = imagePath1;
               document.getElementById('image2-2').src = imagePath2;
               document.getElementById('image3-2').src = imagePath3;
-          });
+          }});
 
           document.getElementById('highlight-toggle-2').addEventListener('change', function() {
               var selectedNumTasks = parseInt(slider2.noUiSlider.get());