图谱可视化对标业内实践：枢纽技能按连接度大小编码、时序Timebar生长曲线柱图（点击跳转）、技术栈类别hull气泡轮廓、画布全屏、边悬停tooltip与点击直达JD证据、双击渐进披露（岗位子图/技能反查聚焦），修复gt-bar类名冲突，前端单测87例全过

webui/index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>CareerNexus 职联 · 岗位与能力图谱平台</title>
-  <link rel="stylesheet" href="/static/style.css?v=20260828">
+  <link rel="stylesheet" href="/static/style.css?v=20260828-2">
 </head>
 <body>
   <!-- ============ 顶部栏 56px ============ -->
@@ -220,11 +220,14 @@
               <button id="solo-exit" title="退出岗位子图">×</button>
             </div>
 
-            <!-- 动态时序视图：季度时间轴（仅该视图显示） -->
+            <!-- 动态时序视图：季度时间轴（仅该视图显示），下方带每季新增关系迷你柱图 -->
             <div class="graph-timeline hidden" id="graph-timeline">
-              <button class="btn btn-secondary btn-sm" id="gt-play">播放</button>
-              <input type="range" id="gt-slider" min="0" max="0" step="1" value="0">
-              <span class="gt-window" id="gt-label">—</span>
+              <div class="gt-row">
+                <button class="btn btn-secondary btn-sm" id="gt-play">播放</button>
+                <input type="range" id="gt-slider" min="0" max="0" step="1" value="0">
+                <span class="gt-window" id="gt-label">—</span>
+              </div>
+              <div class="gtb-bars" id="gt-bars" title="图谱生长曲线：截至各季度的生效关系数，点击跳转"></div>
             </div>
 
             <!-- 动态时序视图：当季解说面板（仅该视图显示，随滑块刷新） -->
@@ -259,8 +262,13 @@
               <button class="tool-btn" id="tool-filter" title="筛选"><svg viewBox="0 0 24 24"><path d="M22 3H2l8 9.46V19l4 2v-8.54L22 3z"/></svg></button>
               <button class="tool-btn" id="tool-labels" title="关系标签开关"><svg viewBox="0 0 24 24"><path d="M20.59 13.41L11 3H4v7l9.59 9.59a2 2 0 002.82 0l4.18-4.18a2 2 0 000-2.82z"/><circle cx="7.5" cy="7.5" r="1" fill="currentColor"/></svg></button>
               <button class="tool-btn" id="tool-relayout" title="一键整理布局"><svg viewBox="0 0 24 24"><path d="M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.2 2.2M16.2 16.2l2.2 2.2M5.6 18.4l2.2-2.2M16.2 7.8l2.2-2.2"/></svg></button>
+              <span class="tool-sep"></span>
+              <button class="tool-btn" id="tool-fullscreen" title="全屏演示"><svg viewBox="0 0 24 24"><path d="M4 9V5a1 1 0 011-1h4M15 4h4a1 1 0 011 1v4M20 15v4a1 1 0 01-1 1h-4M9 20H5a1 1 0 01-1-1v-4"/></svg></button>
             </div>
 
+            <!-- 边悬停提示（跟随鼠标的 DOM tooltip） -->
+            <div class="edge-tip hidden" id="edge-tip"></div>
+
             <!-- 筛选面板 -->
             <div class="graph-filter-panel hidden" id="graph-filter-panel">
               <div class="fp-head">图谱筛选 <button class="link-btn" id="fp-reset">重置</button></div>
@@ -697,6 +705,6 @@
   </div>
 
   <script src="/static/app.js?v=20260827"></script>
-  <script src="/static/graph.js?v=20260828"></script>
+  <script src="/static/graph.js?v=20260828-2"></script>
 </body>
 </html>