图谱四视图切换(全景/技术栈聚类/职级演进/动态时序)+ 标签按需显示 + NEW 脉动标记(CSS/Canvas 实现,无 emoji)+ 时点对比 Git Style Diff 与证据关键词高亮 + 简历加分项改琥珀色 + 学习路径甘特图

This commit is contained in:
RoyirinRosmontis
2026-08-20 12:10:35 +08:00
parent b9fcfcb82e
commit c58e2e996f
5 changed files with 442 additions and 38 deletions
+14 -1
View File
@@ -153,6 +153,12 @@
<span class="tag tag-cyan">技能点级</span>
<span class="tag tag-green">审核已开启</span>
</div>
<div class="seg graph-view-tabs" id="graph-view-tabs">
<button data-gview="overview" class="active">全景总览</button>
<button data-gview="tech">技术栈</button>
<button data-gview="level">职级演进</button>
<button data-gview="timeline">动态时序</button>
</div>
<div class="graph-actions">
<button class="btn btn-secondary" id="btn-goto-evo">
<svg viewBox="0 0 24 24"><path d="M3 17l5.5-5.5 3.5 3.5L20 7"/><path d="M15 7h5v5"/></svg>
@@ -189,6 +195,13 @@
<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>
<!-- 左上浮动工具条 -->
<div class="graph-toolbar">
<button class="tool-btn" id="tool-zoom-in" title="放大"><svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.35-4.35M11 8v6M8 11h6"/></svg></button>
@@ -329,7 +342,7 @@
<button class="btn btn-secondary btn-sm" id="evo-compare-btn">对比</button>
</div>
</div>
<div class="evo-chart-desc">怎么用:选择两个日期,系统回放该岗位在两个时点的完整能力画像并求差集——红色=左边时点有、后来退出;绿色=右边时点新增;灰色=一直保留(带↑表示从加分升级为必备)。</div>
<div class="evo-chart-desc">怎么用:选择两个日期,系统回放该岗位在两个时点的完整能力画像并按行求差(Git 风格)——绿色 + 行=右边时点新增;红色 - 行(删除线)=左边时点有、后来退出;灰色行=一直保留(带↑表示从加分升级为必备)。点击任意行查看该技能的证据 JD 原文(技能名在原文中高亮)。</div>
<div class="evo-diff" id="evo-diff"></div>
</div>