在项目管理或任务调度中，甘特图是展示项目进度和任务依赖关系的重要工具。作为 Vue 3 开发团队，我们在工作中发现现有组件在处理超长时间线或复杂任务时，交互和性能都有不少痛点。
为了解决这些问题，我们开发了 Jordium Gantt Vue3 —— 一个基于 Vue 3 + TypeScript 的现代化甘特图组件，支持任务管理、里程碑、依赖关系、拖拽、缩放等功能，并且性能优化、类型安全、支持虚拟滚动和懒加载，适合各类项目使用。
今天，我分享的是 v1.4.2 版本更新的亮点：
明亮模式
暗黑模式
更新内容
1. Timeline Range 自动优化计算
- 根据任务范围智能调整时间轴显示，提升可读性和美观度。
2. 更多属性与 API 暴露
- 开发者可以更灵活地控制组件行为，轻松集成到不同业务场景。
3. 拖拽和拉伸 TaskBar / Milestone 时自动扩展时间轴
- 当任务拖拽到边界时，时间轴会自动延伸，避免操作受限。
4. TaskBar 头像与长按聚焦高亮
- 支持显示负责人头像，并可长按高亮任务，用户体验大幅提升。
使用场景
- 项目进度可视化
- 团队任务调度和资源管理
- 工程的时间线规划
快速上手
import { createApp } from 'vue'
import GanttChart from 'jordium-gantt-vue3'
import 'jordium-gantt-vue3/dist/assets/jordium-gantt-vue3.css'
const app = createApp(App)
app.component('JordiumGantt', GanttChart)
app.mount('#app')
更多示例和文档请查看：
- GitHub: github.com/nelson82012…
- Gitee：gitee.com/jordium/jor…
- 在线 Demo: nelson820125.github.io/jordium-gan…
💡 总结 v1.4.2 在性能和交互上都做了优化，尤其是对任务拖拽、时间轴自适应和 TaskBar 高亮等细节进行了改进，希望能帮助 Vue 开发者更高效地搭建项目管理工具。
如果你也在使用 Vue 3 构建项目管理系统，欢迎试用，并提出你的建议和反馈!
如果这个项目对你有帮助，请给一个 ⭐️ 支持一下！
