甘特项目排期图（可交互视图）

解决什么问题

团队的排期往往散落在表格、聊天和会议记录里：任务有起止日期、有完成百分比、还有前后置依赖，但要把这些信息画成一张能看的甘特图，要么手动拖拽 Excel，要么依赖项目管理工具的导出功能。问题在于，图表本应是数据的呈现，手工画图反而成了额外负担。这个技能把「从任务数据到可交互甘特图」压缩成一条流水线，输入是一份任务表，输出是可以直接双击打开的单文件 HTML。

它如何工作

核心流程分四步：

• 确认任务：先向用户索取任务表，字段包括任务名、开始日期、结束日期、完成百分比、前置依赖，缺什么就逐项问，不一次臆测。
• 转坐标：把日期映射到数值轴（按天计算），依赖关系通过箭头或缩进表达，series 按 ECharts 5 的自定义配置绘制甘特条。
• 生成单文件 HTML：使用 ECharts 5（CDN 引入）渲染，tooltip 悬停时显示起止时间与进度，条形颜色随完成度变化——进度越高颜色越接近完成态，一目了然。
• 保存交付：输出本地路径，在浏览器中打开即可交互查看。

在渲染细节上，它还支持按负责人或模块分组着色，方便一眼区分不同小组的排期；时间轴可以缩放，适合从季度视图下钻到某一周；延期任务会标记为红色，避免遗漏风险项。

适用边界与注意点

这个技能的职责是可视化用户提供的排期数据，不越界：

• 不做资源冲突检测，不会告诉你「张三下周有 3 个任务并行」；
• 不连接 Jira、飞书 等外部系统，所有数据必须来自用户手动提供的任务表；
• 严禁编造任务日期或进度，用户没给的字段不会被虚构填充；
• 依赖关系不允许形成循环，否则整个排期逻辑会失效。

适合的场景是：你有一份明确的任务清单，想把排期画出来给团队对齐。如果需要的是自动从项目管理系统拉数据、做资源负载分析，那需要额外的集成，这个技能本身不覆盖。