# 甘特图生成器

创建专业甘特图，支持任务时间线、依赖关系、进度跟踪和里程碑标记

> 标准页面: https://elysiatools.com/zh/tools/gantt-chart-generator

- **分类:** Data Visualization

- **关键词:** 甘特图, 项目管理, 时间线, 任务调度, 依赖关系, 里程碑, 进度跟踪

## 概述

甘特图生成器是一款专业的项目管理可视化工具，旨在帮助用户通过简单的 JSON 配置，快速创建包含任务时间线、依赖关系、进度跟踪及里程碑标记的甘特图，从而高效把控项目进度与资源分配。

## 输入项

- **图表标题** (text): 显示在甘特图上方的标题
- **任务** (textarea): JSON数组格式的任务，包含名称、开始日期、结束日期、进度、依赖关系和可选的里程碑和负责人
- **时间单位** (select): 选择时间单位
- **日期格式** (select): 选择日期格式
- **当前日期** (text): 在图表上标记为"今天"的日期
- **柱状图高度** (number): 任务条的高度（像素）
- **任务条颜色** (color): 任务条的背景颜色
- **完成颜色** (color): 任务条完成部分的颜色
- **里程碑颜色** (color): 里程碑标记的颜色
- **依赖关系颜色** (color): 依赖关系线的颜色
- **今日线颜色** (color): 今日指示线的颜色
- **网格颜色** (color): 网格线的颜色
- **背景颜色** (color): 图表的背景颜色
- **图表宽度** (number): 图表的像素宽度
- **图表高度** (number): 图表的像素高度
- **字体大小** (number): 标签和文本的字体大小
- **标题字体大小** (number): 图表标题的字体大小
- **字体系列** (text): 文本元素的字体族
- **显示网格** (checkbox): 显示背景网格线
- **显示依赖关系** (checkbox): 显示任务间的依赖关系箭头
- **显示里程碑** (checkbox): 显示里程碑标记
- **show Progress** (checkbox): 在任务条上显示进度条
- **显示标签** (checkbox): 显示任务名称和信息
- **显示今日线** (checkbox): 显示指示当前日期的线
- **启用动画** (checkbox): 加载时动画显示图表
- **动画时长** (number): 动画持续时间（毫秒）

## 适用场景

- 在项目规划阶段，需要直观展示任务执行顺序与时间跨度时。
- 在项目执行过程中，需要实时监控任务进度及关键里程碑完成情况时。
- 在跨部门协作中，需要向团队成员清晰传达任务依赖关系与截止日期时。

## 工作原理

- 在任务输入框中，按照指定的 JSON 格式填入任务名称、起止日期、进度百分比及依赖关系。
- 根据需求调整时间单位、日期格式及图表外观参数，如颜色、高度和字体大小。
- 点击生成按钮，工具将自动解析数据并渲染出专业的交互式甘特图。
- 预览生成的图表，并根据需要微调配置参数以达到最佳展示效果。

## 使用案例

- 软件开发项目：管理从需求分析、开发到测试的完整生命周期，明确各阶段依赖。
- 市场营销活动：规划多渠道推广任务的时间节点，确保各环节按时交付。
- 建筑工程进度：跟踪施工任务的进度百分比，通过里程碑标记关键验收节点。

## 常见问题

### 如何定义任务之间的依赖关系？

在任务 JSON 中使用 'dependencies' 字段，填入前置任务的标识符（如 'task-0'），即可自动在图表中绘制连接线。

### 如何标记项目中的关键里程碑？

在任务配置中将 'isMilestone' 属性设置为 true，该任务将以特殊的里程碑样式显示在图表中。

### 支持哪些日期格式？

支持 YYYY-MM-DD、MM/DD/YYYY、DD/MM/YYYY 以及系统本地日期格式，可在配置选项中直接选择。

### 可以自定义甘特图的颜色吗？

可以，工具提供了任务条、完成进度、里程碑、依赖线及背景颜色的自定义选项，支持十六进制颜色代码。

### 生成的甘特图支持显示当前日期吗？

支持，通过启用 '显示今日线' 选项，系统会在图表上绘制一条垂直线，直观标记当前项目进度位置。

## 相关工具

- [对比条形图生成器](https://elysiatools.com/zh/tools/comparison-bar-chart): 生成背对背条形图，用于正负值对比展示，非常适合数据集对比分析
- [环形图生成器](https://elysiatools.com/zh/tools/donut-chart-generator): 从数据生成可自定义的环形图（甜甜圈图），具有中央空间，非常适合显示比例数据
- [漏斗图生成器](https://elysiatools.com/zh/tools/funnel-chart-generator): 从数据生成可自定义的漏斗图，非常适合显示转化率、销售管道和流程
- [里程碑图生成器](https://elysiatools.com/zh/tools/milestone-chart): 生成项目里程碑图表，包含时间线节点和关键成就点
- [多层饼图生成器](https://elysiatools.com/zh/tools/multi-level-pie-chart-generator): 创建同心圆多层饼图，支持层级关系显示和交互式钻取功能
- [象形图生成器](https://elysiatools.com/zh/tools/pictograph-generator): 使用图标/符号创建象形图来表示数量，支持自定义图标、颜色和布局
- [金字塔图生成器](https://elysiatools.com/zh/tools/pyramid-chart-generator): 生成金字塔图用于层级结构可视化，非常适合组织架构、需求层次和比例数据展示
- [雷达图生成器](https://elysiatools.com/zh/tools/radar-chart-generator): 从数据生成可自定义的雷达图（蜘蛛图），非常适合多维度对比和分析

## 示例

- [二维码示例](https://elysiatools.com/zh/samples/qrcode-samples): 用于测试二维码读取和生成工具的示例二维码图像
- [Rome JavaScript 工具链示例](https://elysiatools.com/zh/samples/rome): Rome JavaScript 工具链示例，包括配置、代码检查、格式化、打包和项目管理
- [分布式追踪示例](https://elysiatools.com/zh/samples/distributed-tracing-samples): 使用 Jaeger、OpenTelemetry 和其他现代可观测性工具的综合分布式追踪示例，适用于微服务架构
- [ELK Stack 日志分析示例](https://elysiatools.com/zh/samples/elk-stack-samples): 全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化

## 相关内容

- [图表与示意图生成器](https://elysiatools.com/zh/hubs/chart-diagram-generators): 在一个可视化页面里用你自己的数据生成柱状图、折线图、饼图、环形图、散点图、雷达图、甘特图、桑基图、热力图、漏斗图、树状图等数十种图表与示意图。
- [JSON Schema、Mock 数据与 API 夹具生成工具](https://elysiatools.com/zh/hubs/json-generate): 围绕JSON Schema 生成、Mock 负载构建与 API 夹具准备整理的一组工具。
- [JSON 转强类型代码生成器（TypeScript、Go、Rust、Kotlin、Java、C#）](https://elysiatools.com/zh/hubs/json-to-typed-code-generators): 粘贴 JSON 即可获得可直接使用的类型：TypeScript 接口、Go 结构体、Rust serde 结构体、Kotlin 数据类、Java 类、C# 类、Zod schema 和推断的 JSON Schema。
- [JSON 交换与格式翻译工具](https://elysiatools.com/zh/hubs/json-convert): 在一个专题里比较 JSON 与 CSV、YAML、TOML、GraphQL、XML、Markdown、Excel、BSON、EDN 等结构化格式之间的转换工具。