minor

Author: JeremyLinky

assets/js/main.js

@@ -185,12 +185,22 @@ function drawBarChartPerBar(cfg){
 
     bars.push({x,y,w:barW,h:bh,label:labels[i],value:v});
 
-    const t = labels[i].length>18 ? labels[i].slice(0,16)+"…" : labels[i];
-    const isRiseLabel = (t === "RISE" || labels[i] === "RISE");
-    ctx.fillStyle="rgba(11,16,32,.85)";
-    ctx.font=(isRiseLabel?"700 ":"500 ")+"11px ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial";
-    ctx.textAlign="center"; ctx.textBaseline="top";
-    ctx.fillText(t, pad.l + i*groupW + groupW/2, pad.t+plotH+12);
+  // === 修改开始：支持 \n 换行 ===
+    const lines = labels[i].split('\n'); // 按换行符分割
+    const isRiseLabel = (labels[i] === "RISE");
+    
+    ctx.fillStyle = "rgba(11,16,32,.85)";
+    ctx.font = (isRiseLabel ? "700 " : "500 ") + "11px ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial";
+    ctx.textAlign = "center"; 
+    ctx.textBaseline = "top";
+
+    lines.forEach((line, lineIdx) => {
+      // 只有当单行文本过长时才截断（防止意外截断你的长标签）
+      const textToDraw = (line.length > 20) ? line.slice(0, 18) + "…" : line;
+      // lineIdx * 14 控制行间距
+      ctx.fillText(textToDraw, pad.l + i * groupW + groupW / 2, pad.t + plotH + 12 + (lineIdx * 14));
+    });
+    // === 修改结束 ===
   }
 
   if(cfg.title){
@@ -292,12 +302,22 @@ function drawGroupedBarChart(cfg){
 
       bars.push({x,y,w:barW*0.92,h:bh,label:labels[i],series:s.name,value:v});
     }
-    const t = labels[i].length>18 ? labels[i].slice(0,16)+"…" : labels[i];
-    const isRiseLabel = (t === "RISE" || labels[i] === "RISE");
-    ctx.fillStyle="rgba(11,16,32,.85)";
-    ctx.font=(isRiseLabel?"700 ":"500 ")+"11px ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial";
-    ctx.textAlign="center"; ctx.textBaseline="top";
-    ctx.fillText(t, pad.l + i*groupW + groupW/2, pad.t+plotH+12);
+  // === 修改开始：支持 \n 换行 ===
+    const lines = labels[i].split('\n'); // 按换行符分割
+    const isRiseLabel = (labels[i] === "RISE");
+    
+    ctx.fillStyle = "rgba(11,16,32,.85)";
+    ctx.font = (isRiseLabel ? "700 " : "500 ") + "11px ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial";
+    ctx.textAlign = "center"; 
+    ctx.textBaseline = "top";
+
+    lines.forEach((line, lineIdx) => {
+      // 只有当单行文本过长时才截断（防止意外截断你的长标签）
+      const textToDraw = (line.length > 20) ? line.slice(0, 18) + "…" : line;
+      // lineIdx * 14 控制行间距
+      ctx.fillText(textToDraw, pad.l + i * groupW + groupW / 2, pad.t + plotH + 12 + (lineIdx * 14));
+    });
+    // === 修改结束 ===
   }
 
   if(cfg.title){

index.html

@@ -490,7 +490,7 @@ <h3>Dynamics Model Comparisons</h3>
 
     </div>
 
-  <script>window.__RISE_CHARTS__ = {"main": {"Dynamic Brick Sorting": {"methods": ["\u03c00.5", "\u03c00.5 + DAgger", "\u03c00.5 + PPO", "\u03c00.5 + DSRL", "RECAP", "RISE (Ours)"], "succ": [35.0, 15.0, 10.0, 10.0, 50.0, 85.0], "score": [8.28, 6.1, 7.68, 6.65, 9.0, 9.78]}, "Backpack Packing": {"methods": ["\u03c00.5", "\u03c00.5 + DAgger", "\u03c00.5 + PPO", "\u03c00.5 + DSRL", "RECAP", "RISE (Ours)"], "succ": [30.0, 50.0, 35.0, 10.0, 40.0, 85.0], "score": [4.25, 7.0, 5.88, 3.5, 6.13, 9.5]}, "Box Closing": {"methods": ["\u03c00.5", "\u03c00.5 + DAgger", "\u03c00.5 + PPO", "\u03c00.5 + DSRL", "RECAP", "RISE (Ours)"], "succ": [35.0, 40.0, 10.0, 10.0, 60.0, 95.0], "score": [7.5, 7.5, 4.75, 7.63, 8.13, 9.88]}}, "offline_ratio": {"ratio": [0.1, 0.3, 0.6, 0.9], "pick": [15.0, 78.75, 90.0, 90.0], "sort": [83.33, 80.95, 87.5, 80.56], "comp": [5.0, 25.0, 50.0, 30.0]}, "online_integration": {"labels": ["(\u2717,\u2717)", "(\u2713,\u2717)", "(\u2713,\u2713)"], "pick": [80.0, 96.25, 98.75], "sort": [76.56, 84.42, 92.41], "comp": [35.0, 40.0, 70.0]}, "module": {"labels": ["w/o Pre-train", "w/o Task-Centric", "w/o Progress", "w/o TD Learning", "RISE (all)"], "score": [7.43, 8.78, 8.78, 8.38, 9.43]}};</script>
+  <script>window.__RISE_CHARTS__ = {"main": {"Dynamic Brick Sorting": {"methods": ["\u03c00.5", "\u03c00.5 + DAgger", "\u03c00.5 + PPO", "\u03c00.5 + DSRL", "RECAP", "RISE (Ours)"], "succ": [35.0, 15.0, 10.0, 10.0, 50.0, 85.0], "score": [8.28, 6.1, 7.68, 6.65, 9.0, 9.78]}, "Backpack Packing": {"methods": ["\u03c00.5", "\u03c00.5 + DAgger", "\u03c00.5 + PPO", "\u03c00.5 + DSRL", "RECAP", "RISE (Ours)"], "succ": [30.0, 50.0, 35.0, 10.0, 40.0, 85.0], "score": [4.25, 7.0, 5.88, 3.5, 6.13, 9.5]}, "Box Closing": {"methods": ["\u03c00.5", "\u03c00.5 + DAgger", "\u03c00.5 + PPO", "\u03c00.5 + DSRL", "RECAP", "RISE (Ours)"], "succ": [35.0, 40.0, 10.0, 10.0, 60.0, 95.0], "score": [7.5, 7.5, 4.75, 7.63, 8.13, 9.88]}}, "offline_ratio": {"ratio": [0.1, 0.3, 0.6, 0.9], "pick": [15.0, 78.75, 90.0, 90.0], "sort": [83.33, 80.95, 87.5, 80.56], "comp": [5.0, 25.0, 50.0, 30.0]}, "online_integration": {"labels": ["None", "+ online action", "+ online action\n + online state"], "pick": [80.0, 96.25, 98.75], "sort": [76.56, 84.42, 92.41], "comp": [35.0, 40.0, 70.0]}, "module": {"labels": ["w/o Pre-train", "w/o Task-Centric", "w/o Progress", "w/o TD Learning", "RISE (all)"], "score": [7.43, 8.78, 8.78, 8.38, 9.43]}};</script>
 </section>
 
 <!-- <hr/> -->