分类

← View All Tools

甘特图生成器

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

JSON数组格式的任务，包含名称、开始日期、结束日期、进度、依赖关系和可选的里程碑和负责人

显示在甘特图上方的标题

在图表上标记为"今天"的日期

任务条的高度（像素）

任务条的背景颜色

任务条完成部分的颜色

里程碑标记的颜色

依赖关系线的颜色

今日指示线的颜色

网格线的颜色

图表的背景颜色

图表的像素宽度

图表的像素高度

标签和文本的字体大小

图表标题的字体大小

文本元素的字体族

显示背景网格线

显示任务间的依赖关系箭头

显示里程碑标记

在任务条上显示进度条

显示任务名称和信息

显示指示当前日期的线

加载时动画显示图表

动画持续时间（毫秒）

关键信息

分类
Data Visualization
输入类型
text, textarea, select, number, color, checkbox
输出类型
html
样本覆盖
4
支持 API
Yes

概览

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

适用场景

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

工作原理

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

使用场景

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

用户案例

1. 软件开发项目进度表

项目经理
背景原因
需要向客户展示一个为期三个月的软件开发项目，包含设计、开发和测试三个阶段，并标注关键交付节点。
解决问题
手动绘制甘特图效率低且难以维护，无法实时更新进度。
如何使用
输入包含三个阶段的任务 JSON，设置 'showProgress' 为 true，并配置里程碑颜色为橙色。
示例配置
[{"name": "设计阶段", "startDate": "2024-01-01", "endDate": "2024-01-15", "progress": 100}, {"name": "开发阶段", "startDate": "2024-01-16", "endDate": "2024-02-28", "progress": 60, "dependencies": ["task-0"]}, {"name": "测试阶段", "startDate": "2024-03-01", "endDate": "2024-03-15", "progress": 0, "dependencies": ["task-1"], "isMilestone": true}]
效果
生成了一张清晰的甘特图，直观展示了任务间的依赖逻辑及各阶段的完成进度。

用 Samples 测试

json, text
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json
JWT 示例
从基础令牌结构到高级安全实现的全面JWT示例
preferred input family json
json
WebRTC 实时通信示例
全面的 WebRTC 示例，用于点对点音视频通信、数据通道、屏幕共享和信令服务器实现
preferred input family json
json
ELK Stack 日志分析示例
全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
preferred input family json
json

相关专题

JsonGenerate工具专题
探索 33 个围绕 json 的 generate 工作流工具，快速找到相近能力。
JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
TextConvert工具专题
探索 80 个围绕 text 的 convert 工作流工具，快速找到相近能力。
Json 工具专题
探索 43 个围绕 json 的 utility 工作流工具，快速找到相近能力。

常见问题

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

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

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

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

支持哪些日期格式？

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

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

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

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

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

API 文档

请求端点

POST /zh/api/tools/gantt-chart-generator

请求参数

参数名 类型 必填 描述
chartTitle text 否 显示在甘特图上方的标题
tasks textarea 是 JSON数组格式的任务，包含名称、开始日期、结束日期、进度、依赖关系和可选的里程碑和负责人
timeUnit select 否 -
dateFormat select 否 -
currentDate text 否 在图表上标记为"今天"的日期
barHeight number 否 任务条的高度（像素）
taskColor color 否 任务条的背景颜色
completedColor color 否 任务条完成部分的颜色
milestoneColor color 否 里程碑标记的颜色
dependencyColor color 否 依赖关系线的颜色
todayLineColor color 否 今日指示线的颜色
gridColor color 否 网格线的颜色
backgroundColor color 否 图表的背景颜色
chartWidth number 否 图表的像素宽度
chartHeight number 否 图表的像素高度
fontSize number 否 标签和文本的字体大小
titleSize number 否 图表标题的字体大小
fontFamily text 否 文本元素的字体族
showGrid checkbox 否 显示背景网格线
showDependencies checkbox 否 显示任务间的依赖关系箭头
showMilestones checkbox 否 显示里程碑标记
showProgress checkbox 否 在任务条上显示进度条
showLabels checkbox 否 显示任务名称和信息
todayLine checkbox 否 显示指示当前日期的线
animationEnabled checkbox 否 加载时动画显示图表
animationDuration number 否 动画持续时间（毫秒）

响应格式

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-gantt-chart-generator": {
      "name": "gantt-chart-generator",
      "description": "创建专业甘特图，支持任务时间线、依赖关系、进度跟踪和里程碑标记",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=gantt-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

如果遇见问题，请联系我们：[email protected]