Vue-Gantt-chart：甘特图排班展示工具（源码）

产品简介

Vue-Gantt-chart 是一个开源的Vue.js甘特图组件，专为排班展示设计。它通过虚拟列表技术高效渲染大量时间数据，支持可变时间轴和自定义显示，解决了在Web应用中处理复杂排班信息的可视化痛点，适合前端开发人员和需要时间管理工具的团队使用。

核心功能

• 虚拟列表快速渲染
• 可变时间轴（1分钟到一天）
• 可变单元格尺寸
• 标记线功能
• 支持自定义容器块和描述

快速开始

1. 第一步：通过npm安装包，运行命令 npm i v-gantt-chart --save
2. 第二步：在Vue项目的main.js中导入并注册组件，使用Vue.use(vGanttChart)
3. 第三步：在模板中添加标签，传入startTime、endTime和datas数据

界面预览

与其他方案对比

适合谁用

• 需要可视化排班时间的前端开发人员
• 管理项目进度和资源安排的项目经理
• 开发Vue.js应用并需时间轴展示功能的开发者

下载与版本

当前最新版本为 master，发布于 。支持 Windows、macOS、Linux。

⚠️ 注意：本项目仅提供源代码下载，不包含可直接运行的安装包（exe/dmg/apk 等。下载后需要自行编译构建才能使用，适合有一定开发经验的用户。如果你不熟悉编译流程，建议寻找同类开箱即用的替代方案。

注意事项

• 本工具仅供学习和研究使用，请遵守相关法律法规。
• 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
• 项目源码地址：https://github.com/w1301625107/Vue-Gantt-chart