vue做甘特图

本文目录一览：

• 1、项目管理，甘特图的做法，你学会了吗？
• 2、如何使用echarts实现甘特图
• 3、甘特图怎么做?

项目管理，甘特图的做法，你学会了吗？

某天，正在常规地处理数据任务，老板突然说对用户做一次用户画像，这着实让人头大，猝不及防，但是作为混迹在职场的老油条来说，肯定是不能拒绝老板的要求，当下拍着胸脯对老板说：

老板，得加钱！

上面当然是玩笑话，但是，在日常工作中，我们或多或少的会临时接一些我们常规没有处理过的事情，这个时候别慌，先接手老板的任务，然后逐一分解任务，逐步实现，问题也会迎刃而解。

本节介绍甘特图的用法，以用户画像的任务为例，我们可以将本次任务分解为明确目的、数据准备、数据清洗、数据分析、数据可视化、数据报告，然后规定开始和结束时间，项目进程一目了然，下面一起学习甘特图的制作。

甘特图通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况，以图示通过活动列表和时间刻度表示出特定项目的顺序与持续时间。

在甘特图中，横轴表示时间，纵轴表示项目，线条表示期间计划和实际完成情况。直观表明计划何时进行，进展与要求的对比。便于管理者弄清项目的剩余任务，评估工作进度。

构造的数据表

第一步、选择"任务分解"、"开始时间"、"时间间隔"三列数据，插入一个堆积条形图。

第二步、右键垂直类别轴，点击选择数据。

第三步、在水平分类轴标签中点击编辑，点击确定。

第四步、在轴标签区域中选择任务分解的字段，包含"明确目的"等，然后点击确定。

第五步、在图例项点击添加。

第六步、编辑数据系列，系列名称选择"开始时间"，系列值选择标红数据内容，点击确定。

第七步、在图例项单击"开始时间"，点击向上的箭头，将"开始时间"移动到最上面的位置。

第八步、右键垂直类别轴，设置坐标轴格式，勾选逆序类别。

第九步、右键水平类别轴，设置坐标轴边界的最大值和最小值，其中最小值等于Value(开始时间)，最大值等于Value(结束时间)。

第十步、右键橙色的柱形，颜色选择无填充、边框选择无线条。

第十一步、设置网格线，在图表元素中选择主轴次要水平网格线。

第十二步、设置网格线的颜色以及线型。

最后设计出来的结果如下图所示，通过甘特图可以分析出，一次完整的数据分析，主要时间是花费在数据清洗阶段，其次， 数据准备 和 数据分析 阶段也需要花费大量的时间，做出这样的图给老板看，让老板知晓你的行动和进程。

如何使用echarts实现甘特图

Echarts 是用javascript 展示的 要动态的的获取数据 可以用 AJAX 获取后台数据。

甘特图怎么做?

1.明确项目牵涉到的各项活动、项目。内容包括项目名称（包括顺序）、开始时间、工期，任务类型（依赖/决定性）和依赖于哪一项任务。 2.创建甘特图草图。将所有的项目按照开始时间、工期标注到甘特图上。 甘特图3.确定项目活动依赖关系及时序进度。使用草图，按照项目的类型将项目联系起来，并安排项目进度。 此步骤将保证在未来计划有所调整的情况下，各项活动仍然能够按照正确的时序进行。 也就是确保所有依赖性活动能并且只能在决定性活动完成之后按计划展开。 同时避免关键性路径过长。关键性路径是由贯穿项目始终的关键性任务所决定的，它既表示了项目的最长耗时， 也表示了完成项目的最短可能时间。请注意，关键性路径会由于单项活动进度的提前或延期而发生变化。 而且要注意不要滥用项目资源，同时，对于进度表上的不可预知事件要安排适当的富裕时间（Slack Time）。 但是，富裕时间不适用于关键性任务，因为作为关键性路径的一部分，它们的时序进度对整个项目至关重要。 4.计算单项活动任务的工时量。 5.确定活动任务的执行人员及适时按需调整工时。 6.计算整个项目时间