ソースを参照

style: 优化边颜色配置

- 分类共现(跨点/点内)统一用绿色
- 包含边改用蓝色,更显眼

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
yangxiaohui 4 日 前
コミット
42870c265e
1 ファイル変更18 行追加18 行削除
  1. 18 18
      script/data_processing/visualize_match_graph.py

+ 18 - 18
script/data_processing/visualize_match_graph.py

@@ -960,25 +960,25 @@ HTML_TEMPLATE = '''<!DOCTYPE html>
                                     <div class="cascade-edge-group active" data-level="1">
                                         <div class="cascade-edge-group-header">L1 <span class="header-actions"><label class="select-all"><input type="checkbox" data-level="1" data-select-all checked>全选</label><span class="invert-btn" data-level="1" onclick="invertSelection(1)">反选</span><span class="reset-btn" onclick="resetSelection()">重置</span></span></div>
                                         <label class="cascade-edge-item"><input type="checkbox" data-level="1" data-type="属于" checked><span class="edge-color" style="background:#9b59b6"></span>属于</label>
-                                        <label class="cascade-edge-item"><input type="checkbox" data-level="1" data-type="包含" checked><span class="edge-color" style="background:#ffb6c1"></span>包含</label>
+                                        <label class="cascade-edge-item"><input type="checkbox" data-level="1" data-type="包含" checked><span class="edge-color" style="background:#3498db"></span>包含</label>
                                         <label class="cascade-edge-item"><input type="checkbox" data-level="1" data-type="分类共现(跨点)" checked><span class="edge-color" style="background:#2ecc71"></span>跨点共现</label>
-                                        <label class="cascade-edge-item"><input type="checkbox" data-level="1" data-type="分类共现(点内)" checked><span class="edge-color" style="background:#3498db"></span>点内共现</label>
+                                        <label class="cascade-edge-item"><input type="checkbox" data-level="1" data-type="分类共现(点内)" checked><span class="edge-color" style="background:#2ecc71"></span>点内共现</label>
                                         <label class="cascade-edge-item"><input type="checkbox" data-level="1" data-type="标签共现" checked><span class="edge-color" style="background:#f39c12"></span>标签共现</label>
                                     </div>
                                     <div class="cascade-edge-group" data-level="2">
                                         <div class="cascade-edge-group-header">L2 <span class="header-actions"><label class="select-all"><input type="checkbox" data-level="2" data-select-all>全选</label><span class="invert-btn" data-level="2" onclick="invertSelection(2)">反选</span></span></div>
                                         <label class="cascade-edge-item"><input type="checkbox" data-level="2" data-type="属于"><span class="edge-color" style="background:#9b59b6"></span>属于</label>
-                                        <label class="cascade-edge-item"><input type="checkbox" data-level="2" data-type="包含"><span class="edge-color" style="background:#ffb6c1"></span>包含</label>
+                                        <label class="cascade-edge-item"><input type="checkbox" data-level="2" data-type="包含"><span class="edge-color" style="background:#3498db"></span>包含</label>
                                         <label class="cascade-edge-item"><input type="checkbox" data-level="2" data-type="分类共现(跨点)"><span class="edge-color" style="background:#2ecc71"></span>跨点共现</label>
-                                        <label class="cascade-edge-item"><input type="checkbox" data-level="2" data-type="分类共现(点内)"><span class="edge-color" style="background:#3498db"></span>点内共现</label>
+                                        <label class="cascade-edge-item"><input type="checkbox" data-level="2" data-type="分类共现(点内)"><span class="edge-color" style="background:#2ecc71"></span>点内共现</label>
                                         <label class="cascade-edge-item"><input type="checkbox" data-level="2" data-type="标签共现"><span class="edge-color" style="background:#f39c12"></span>标签共现</label>
                                     </div>
                                     <div class="cascade-edge-group" data-level="3">
                                         <div class="cascade-edge-group-header">L3 <span class="header-actions"><label class="select-all"><input type="checkbox" data-level="3" data-select-all>全选</label><span class="invert-btn" data-level="3" onclick="invertSelection(3)">反选</span></span></div>
                                         <label class="cascade-edge-item"><input type="checkbox" data-level="3" data-type="属于"><span class="edge-color" style="background:#9b59b6"></span>属于</label>
-                                        <label class="cascade-edge-item"><input type="checkbox" data-level="3" data-type="包含"><span class="edge-color" style="background:#ffb6c1"></span>包含</label>
+                                        <label class="cascade-edge-item"><input type="checkbox" data-level="3" data-type="包含"><span class="edge-color" style="background:#3498db"></span>包含</label>
                                         <label class="cascade-edge-item"><input type="checkbox" data-level="3" data-type="分类共现(跨点)"><span class="edge-color" style="background:#2ecc71"></span>跨点共现</label>
-                                        <label class="cascade-edge-item"><input type="checkbox" data-level="3" data-type="分类共现(点内)"><span class="edge-color" style="background:#3498db"></span>点内共现</label>
+                                        <label class="cascade-edge-item"><input type="checkbox" data-level="3" data-type="分类共现(点内)"><span class="edge-color" style="background:#2ecc71"></span>点内共现</label>
                                         <label class="cascade-edge-item"><input type="checkbox" data-level="3" data-type="标签共现"><span class="edge-color" style="background:#f39c12"></span>标签共现</label>
                                     </div>
                                 </div>
@@ -2510,9 +2510,9 @@ HTML_TEMPLATE = '''<!DOCTYPE html>
                     "匹配_相同": "#e94560",
                     "匹配_相似": "#e94560",
                     "属于": "#9b59b6",
-                    "包含": "#ffb6c1",
+                    "包含": "#3498db",
                     "分类共现(跨点)": "#2ecc71",
-                    "分类共现(点内)": "#3498db",
+                    "分类共现(点内)": "#2ecc71",
                     "标签共现": "#f39c12"
                 }};
 
@@ -2869,9 +2869,9 @@ HTML_TEMPLATE = '''<!DOCTYPE html>
             const treeEdgeColors = {{
                 "分类层级": "#2ecc71",       // 绿色 - 分类的层级关系
                 "属于": "#9b59b6",           // 紫色 - 标签属于分类
-                "包含": "#ffb6c1",           // 淡粉 - 分类包含标签(向下)
-                "分类共现(跨点)": "#2ecc71", // 绿色 - 跨帖子分类共现
-                "分类共现(点内)": "#3498db", // 蓝色 - 同帖子分类共现
+                "包含": "#3498db",           // 蓝色 - 分类包含标签(向下)
+                "分类共现(跨点)": "#2ecc71", // 绿色 - 分类共现
+                "分类共现(点内)": "#2ecc71", // 绿色 - 分类共现
                 "标签共现": "#f39c12"        // 橙色 - 标签共现
             }};
             const treeEdgeDash = {{
@@ -4275,9 +4275,9 @@ HTML_TEMPLATE = '''<!DOCTYPE html>
             // 边类型颜色(统一用实线)
             const edgeColors = {{
                 "属于": "#9b59b6",           // 紫色 - 层级关系
-                "包含": "#ffb6c1",           // 淡粉 - 分类包含标签(向下)
-                "分类共现(跨点)": "#2ecc71", // 绿色 - 跨帖子分类共现
-                "分类共现(点内)": "#3498db", // 蓝色 - 同帖子分类共现
+                "包含": "#3498db",           // 蓝色 - 分类包含标签(向下)
+                "分类共现(跨点)": "#2ecc71", // 绿色 - 分类共现
+                "分类共现(点内)": "#2ecc71", // 绿色 - 分类共现
                 "标签共现": "#f39c12"         // 橙色 - 标签共现
             }};
 
@@ -4674,9 +4674,9 @@ HTML_TEMPLATE = '''<!DOCTYPE html>
             // 边类型颜色
             const edgeColors = {{
                 "属于": "#9b59b6",
-                "包含": "#ffb6c1",
+                "包含": "#3498db",
                 "分类共现(跨点)": "#2ecc71",
-                "分类共现(点内)": "#3498db",
+                "分类共现(点内)": "#2ecc71",
                 "标签共现": "#f39c12"
             }};
 
@@ -4837,9 +4837,9 @@ HTML_TEMPLATE = '''<!DOCTYPE html>
             // 边类型颜色
             const edgeColors = {{
                 "属于": "#9b59b6",
-                "包含": "#ffb6c1",
+                "包含": "#3498db",
                 "分类共现(跨点)": "#2ecc71",
-                "分类共现(点内)": "#3498db",
+                "分类共现(点内)": "#2ecc71",
                 "标签共现": "#f39c12"
             }};