Home Explore Help
Sign In
yangxiaohui
/
how
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

style: 优化边颜色配置

- 分类共现（跨点/点内）统一用绿色
- 包含边改用蓝色，更显眼

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

Co-Authored-By: Claude <noreply@anthropic.com>
yangxiaohui 4 days ago
parent
e52d53959c
commit
42870c265e
1 changed files with 18 additions and 18 deletions
Split View Show Diff Stats
  1. 18 18
      script/data_processing/visualize_match_graph.py

+ 18 - 18
script/data_processing/visualize_match_graph.py
View File 

@@ -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"
 
             }};