----

关键字解析：

甘特图（Gantt chart）又称为横道图、条状图（Bar chart）。其通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况。一条线条图，横轴表示时间，纵轴表示问题项，线条表示期间计划和实际完成情况。甘特图可以用来追踪研发计划完成的进度。还可以方便 TL 直观展示各成员的任务的分布情况，方便自己和管理人员对于人员任务的安排。

----

# 缘起

项目经理小军今天很郁闷，在项目例会上比比划划了半天也没说清楚各工作的进度，结果可想而知。会后，热心的小伙伴阿悦悄悄发来一个链接（https://www.erda.cloud/），并强烈推荐了 Erda DevOps 平台的甘特图功能！小军抱着试试看的态度，打开了链接。

功能入口：

DevOps 平台 -（具体项目）- 项目管理 - 项目协同 - 甘特图

进入页面后，小军看到整体界面呈现出两个部分：具体事项（左）、时间线（右）。

![整体界面.png](https://ucc.alicdn.com/pic/developer-ecology/3b48a57289114664b7c9bd6c21d02652.png)
整体界面

# 我的团队在做什么

作为项目经理，小军自然是希望能够快速的筛选出自己和团队的成员，那么如果先前有添加 **自定义标签** 的话，通过筛选标签，就可以实现对内容的快速过滤。

![自定义标签实现快速过滤.gif](https://ucc.alicdn.com/pic/developer-ecology/7d66bf684f2447e688608722740f719b.gif)
自定义标签实现快速过滤

**（阿悦友情提示：筛选成员的自定义标签需提前规划创建，如未提前规划创建，也可通过下拉菜单进行成员勾选）**

小军看了一眼过滤出的内容，发现界面整体右侧区域遍布了多个条状图，阿悦告诉小军，每个条状图都代表了各个事项的时间规划，透过整体的甘特图，可以方便快速地查看自己和团队的整体任务规划。

# 今天的待办事项

界面中一根 **纵向红线**，引起了小军的注意，仔细查看后，发现这根红线固定定位在今天的日期，透过这根红线，能够十分直观的看到有哪些事项即将逾期或已经逾期。

![时间节点快速定位.gif](https://ucc.alicdn.com/pic/developer-ecology/0e84058325ca427ea1b4b1040b321923.gif)
时间节点快速定位

**（阿悦友情提示：对于即将逾期或已经逾期的事项建议重点关注，及时的做出相应调整以免影响项目进度）**

# Deadline 是第一生产力

小军看到图中有部分任务已经逾期，需要重新评估工作量并做时间调整。在尝试 **拖拽条状图** 后，小军惊喜的发现，任务的起止时间居然可以通过可视化的方式直接调整，无需在意起止时间字段的格式及输入规范。

![事项时间可视化调整.gif](https://ucc.alicdn.com/pic/developer-ecology/addef29405c64683b09f8ef17e480942.gif)
事项时间可视化调整

同时，对于仍未完成规划的事项，也可通过直接在界面拖拽快速形成条状图，真是大大提升了工作效率。

![直接拖拽形成条状图.gif](https://ucc.alicdn.com/pic/developer-ecology/a820a352ff024e54966fe2b9a107dc23.gif)
直接拖拽形成条状图

# 任务何如化繁为简

小军想了想，一般的需求往往都会拆分成具体的任务项，以分配给团队成员进行开发，那么有没有什么办法可以直观的表现出这种从属关系呢？

对于 **包含任务子项的需求**，其对应的条状图如下图所示，左侧可展开显示需求包含的所有任务事项，直观的展示需求与任务的从属关系及进度情况。

![展开需求从属.png](https://ucc.alicdn.com/pic/developer-ecology/c7706e262ca74f3fabb5e418806090bc.png)
展开需求从属

当对 **子任务项的起止时间做调整**，若其起止时间正好属于整个需求下的最早/最晚时，则需求的时间也会做相应的联动变化。由此可以看出，对于当前需求的影响源自于哪个子任务项，以便于项目经理及时的调整需求、评估工作量。

![需求 & 任务的联系.gif](https://ucc.alicdn.com/pic/developer-ecology/f62a283247984a76abe3c93d7599825e.gif)
需求 & 任务的联系

# 透过任务看本质

用到这里，小军已经对于甘特图带来的便利大受震撼，阿悦见到小军震惊样子，出来补了一刀：除了上述功能，你是不是忘了最重要的一点～如果想了解或编辑 任务详情，直接点击左侧的事项标题，即可弹出事项详情窗口，无需来回切换页面，方便快捷?。

![点击查看任务详情.gif](https://ucc.alicdn.com/pic/developer-ecology/6a35c4722b4443acb35cbb0f923e5e0b.gif)
点击查看任务详情

小军听完直呼内行，连忙把现有任务迁移到了 Erda DevOps 平台 上，通过一段时间的跟踪记录，工作效率直接翻了一番！小军心想：再向领导汇报工作时，说不定还能加薪呢?～

----

以上就是本期 Erda 放大镜专栏带来的 Erda DevOps 平台甘特图介绍，提升工作效率从使用甘特图开始，快来试试吧～❤️

**更多技术干货请关注【尔达 Erda】公众号，与众多开源爱好者共同成长～**

ITPub博客

项目经理都说好｜小工具让工作效率再翻倍！

最新文章