✦ 适配场景：研发排期 / 生产排程 / 外包管控
✦ 核心更新：实际 vs 计划可视化 + 多负责人
✦ 阅读收益：5 分钟判断升级必要性
导语
还在用 Excel 手工标红延期任务？v1.8.0 一次给出 “实际进度条 + 状态色 + 悬浮提示” 三件套，官方实测让项目复盘时间从 2 小时缩到 25 分钟。本文基于 官方 ChangeLog 拆解 4 个可落地功能，帮你评估是否值得升级。
核心更新总览
v1.8.0 聚焦「计划 vs 实际可视化」，3 个零配置开箱即用特性：
- 实际 Taskbar 开关：1 行代码把 “计划条” 与 “实际条” 叠在一起，延期区间一眼定位
- 4 色状态体系：待处理 / 进行中 / 已完成 / 已逾期 自动染色，支持自定义色值
- 多负责人头像组：assignee 属性支持数组，前端不再只显示显示一人头像
- 悬浮提示框：鼠标 hover 显示实际起止日期，省去反复点抽屉对表
1. 实际 Taskbar：让 “计划” 与 “现实” 同框
旧版本痛点
- 只能看计划条，延期靠人工比对单元格，50+ 任务项目平均需 40 分钟找延期点
新版本功能
- 属性 showActualTaskbar=true 即刻叠加实际条，代码示例：
- 自动读取 Task 对象的 actualStartDate / actualEndDate，无值时隐藏，零侵入旧数据
量化收益
官方采样 10 个外包项目，复盘会议时间 ↓40%，需求变更响应从隔天缩到 1-2 小时内。
💡 升级必看：实际条默认关闭，升级后首件事在入口文件打开开关，即可全员可见。
计划与实际Taskbar展示效果
2. 四色状态背景：延期任务自动 “亮红灯”
旧版本问题
- 状态靠文字标签，色弱用户识别困难，且无法批量改色
新版本升级
-
全局预设 4 类背景色：
- pendingTaskBackgroundColor
- ongoingTaskBackgroundColor
- completeTaskBackgroundColor
- delayTaskBackgroundColor
-
支持单任务 barColor 覆盖，设计部可把 “UI 评审” 统一成品牌蓝
用户场景
- 每日站会投屏：红灯任务自动聚焦，会议时长平均缩短 15 分钟
- 客户汇报：导出 PDF 即可交差，无需再手工描红
自定义不同状态的颜色，方便识别
3. 多负责人头像组：一人主导→多人共担
旧版本限制
- assignee 仅支持字符串，责任人时只能显示 “1 人” ，无法提现协作分配
新版本优化
- assignee & avatar 属性同时支持数组，最多可展 5 个头像，溢出自动折叠
- 与权限系统解耦，仅做展示，不打破现有工作流
落地示例
外包 + 内部员工混合项目：前端、后端、测试头像并列，责任到人，扯皮率下降 30% （客户回访数据）
多负责人展示效果
4. Taskbar 悬浮提示：把 “抽屉信息” 搬到鼠标上
官方统计
- 旧版用户 每查看一次实际日期需 2 次点击（打开抽屉→切 Actual 页）
新版本能力
-
enableTaskbarTooltip=true（默认即开），hover 直接浮窗展示
- 实际开始 / 结束日期
- 当前状态标签
-
移动端长按触发，兼容平板现场巡检场景
Taskbar气泡提示框展示效果
版本对比速览（v1.7.2 → v1.8.0）
| 维度 | v1.7.2 | v1.8.0 | 变化 |
|---|---|---|---|
| 实际进度可视化 | ❌ | ✅ | 1 行代码开启 |
| 状态色体系 | 手动标签 | 自动染色 | 零配置 |
| 多负责人展示 | 字符串拼接 | 头像数组 | 可读↑ |
| 悬浮提示 | 无 | hover 即现 | 点击↓ |
使用建议：两步把 “复盘” 变 “透视”
- 升级后 10 分钟：在 main.js 全局打开
app.use(JordiumGantt, { showActualTaskbar: true })
- 存量数据补录：用脚本批量写 actualStartDate / actualEndDate，补完即可生效
思考互动
Q1：你们现在怎么追踪 “计划 vs 实际” 偏差？新版本能否一次性解决？
Q2：如果让你自定义第 5 种状态色，你会给什么业务场景用？欢迎评论区贴色码！
立刻体验
在线 Demohttps://jordium.gitee.io/jordium-gantt-vue3/
视频演示
Jordium GanttChart v1.8.0
项目地址
- Gitee 仓库
https://gitee.com/jordium/jordium-gantt-vue3
- GitHub 仓库
https://github.com/nelson820125/jordium-gantt-vue3
欢迎持续关注组件的更新及最佳实践！
