做项目排期这么多年,我一直觉得: 大多数甘特图,看起来很专业,用起来却很“假”。
为什么这么说?
一、传统甘特图最大的问题:只对“任务”负责,不对“人”负责
我们都见过这种场景👇
- 甘特图上: - 所有任务都按期推进,看起来一切正常
- 现实中: - 某个核心成员同时被 3 个任务占用 - 每个负责人都觉得自己“只占用了一点点”
最后结果大家都懂: 任务没冲突,人先炸了。
问题不在排期,而在于: 👉 甘特图只回答了「什么时候做什么」,却没回答「谁在同一时间被用了多少」。
二、所以我在 v1.9.0 做了一件事:引入「资源视图」
在 Jordium GanttChart v1.9.0 中,我正式引入了一个新概念:
Resource View(资源视图)
一句话解释就是:
👉 从「以任务为中心」 👉 变成「以资源为中心」
🧠 一个很直观的变化
以前:
- 一行 = 一个任务
现在(资源视图):
- 一行 = 一个资源(人 / 设备 / 工位)
- 同一时间段,可以看到多个任务同时占用这个资源
📌 不是逻辑切换,是认知切换。
资源视图
任务视图
三、但光换视角还不够,我做的是「真实资源建模」
如果你做过真实项目,会马上意识到一个问题:
同一个任务,对不同资源的投入,本来就不一样。
所以 v1.9.0 里,Task 模型新增了一个关键字段:
resources: [
{ resourceId: 'devA', percent: 50 },
{ resourceId: 'devB', percent: 30 }
]
这意味着什么?
- 一个任务可以同时占用多个资源
- 每个资源的投入比例是明确、可计算的
📌 这是资源视图能“站得住脚”的根本。
四、资源占比不是数字,而是直接“画出来”
为了避免“配置了但没人看”的情况,我做了两件事:
1. TaskBar 高度 = 资源投入比例
- 100% → 满高度
- 50% → 半高度
- 20% → 明显变薄
你一眼就能看出来: 👉 谁在“全力干”,谁只是“挂名参与”
资源利用率展示
2. 占比文字 + Tooltip 双重提示
- 条内直接显示百分比
- Hover 可看到更详细信息
📌 不用点开详情,也能读懂资源状态。
资源超载说明
五、真正解决问题的,是「资源超负荷检测」
这是我认为 v1.9.0 最有价值的能力。
场景很简单:
- 同一个资源
- 同一个时间窗口
- Task A:80%
- Task B:30%
👉 总占用 110%
传统甘特图: ❌ 看不出来任何问题
Jordium GanttChart v1.9.0: ✅ 自动识别 ✅ 视觉预警提示
📌 这是第一次,甘特图开始替你“发现问题”,而不是等你踩坑。
六、资源视图不是“只读模式”
我一开始就明确了一点:
资源视图必须是“一等公民”,而不是展示用的附属视图。
所以在 v1.9.0 中:
- 拖拽任务
- 拉伸时间
- 计时 / 调度交互
任务视图能做的,资源视图全都能做。
七、顺手把架构和性能也一起“治了”
这个版本不只是功能堆叠,还顺手做了几件“长期有价值”的事:
资源布局逻辑 composable 化
- 资源排布不再塞在组件里
- 后续扩展(技能、分组、策略)空间很大
渲染性能明显改善
- 扩大 v-memo 覆盖范围
- 恢复并优化滚动防抖
- 多资源、多任务场景下明显顺滑
Theme 终于回归组件级
- Theme 不再污染整个页面
- 甘特图可以安心嵌进任何系统
八、这个版本,最适合谁?
如果你正在做:
- 项目管理 / 排期系统
- 人力资源负荷分析
- 制造业调度 / APS
- 数字孪生 / 可视化排程
v1.9.0 基本是“绕不开的一步”。
九、演示视频
【Jordium GanttChart v1.9.0】 www.bilibili.com/video/BV11q…
十、项目地址
十一、写在最后
我一直觉得,真正有价值的甘特图,不是画得多漂亮,而是:
能不能早点告诉你: “这事,看起来没问题,但人已经被你用爆了。”
v1.9.0 只是第一步。 后面我会继续把它往「资源调度引擎」这个方向推进。