自定义biao

Posted 尔达Erda

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义biao相关的知识,希望对你有一定的参考价值。


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


缘起

项目经理小军今天很郁闷,在项目例会上比比划划了半天也没说清楚各工作的进度,结果可想而知。会后,热心的小伙伴阿悦悄悄发来一个链接(https://www.erda.cloud/),并强烈推荐了 Erda DevOps 平台的甘特图功能!小军抱着试试看的态度,打开了链接。 功能入口: DevOps 平台 -(具体项目)- 项目管理 - 项目协同 - 甘特图 进入页面后,小军看到整体界面呈现出两个部分:具体事项(左)、时间线(右)。

自定义biao_甘特图

整体界面

我的团队在做什么

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

自定义biao_devops_02

自定义标签实现快速过滤

(阿悦友情提示:筛选成员的自定义标签需提前规划创建,如未提前规划创建,也可通过下拉菜单进行成员勾选)

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

今天的待办事项

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

自定义biao_devops_03

时间节点快速定位

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


Deadline 是第一生产力

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

自定义biao_云原生_04

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

自定义biao_自定义标签_05

直接拖拽形成条状图

任务何如化繁为简

小军想了想,一般的需求往往都会拆分成具体的任务项,以分配给团队成员进行开发,那么有没有什么办法可以直观的表现出这种从属关系呢? 对于 包含任务子项的需求,其对应的条状图如下图所示,左侧可展开显示需求包含的所有任务事项,直观的展示需求与任务的从属关系及进度情况。

自定义biao_devops_06

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

自定义biao_拖拽_07

需求 & 任务的联系

透过任务看本质

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

以上是关于自定义biao的主要内容,如果未能解决你的问题,请参考以下文章

Java自定义注解的使用

自定义UI 自定义布局

自定义UI 自定义布局

自定义UI 自定义布局

自定义UI 自定义布局

自定义 view - 自定义属性