think-cell chart系列19——任务甘特图

今天跟大家分享think-cell chart系列19——任务甘特图。

甘特图在之前的教程中曾经讲过,当时是在excel中制作完成的,花费了相当多的时间和功夫。

不过在think-cell chart插件中制作却很简单,纯粹的鼠标拖拽就可以完成。这也同样是think-cell chart插件在制作复杂图表上的优势体现。

很奇怪,think-cell chart甘特图菜单中仅存在于ppt的think-cell菜单中,excel中并没有。

所以甘特图的制作过程机会完全脱离了excel,甚至不需要做特定的数据组织,只需要知道每一个项目的起止日期已经相关的负责人信息就OK了。(它很智能,里面内置了万年历,不骗你真的是有万年历,手动选择时间区间)。

以下以一个案例开始,数据纯属虚构:

以上开发过程需要按照清晰的逻辑展现在图表上,甘特图再合适不过了。

在ppt的think-cell chart插件菜单中用鼠标选中甘特图并在页面释放鼠标。

默认输出的甘特图页面很简洁,大部分需要我们手动输入调整。

首先把顶部更换背景颜色。(选中白色矩形区域,右键单击更换颜色,至于颜色吗,自己选一个好看的就行)。

然后我们可以看到根据案例软件开发的计划,一共9个步骤,默认图表只给出6个label标签,不够用需要我们自行添加。(左侧一共分为三栏,每一栏默认给了两个label,根据自己的项目需要,在对应栏目位置选中label文本框,右键单击调出菜单,添加新标签)。

接下来将你的项目名称导入到左侧label文本框中(只能手动输入了,没有给批量导入方式)。

调整顶部甘特图的时间显示范围,主要参照你的项目计划起止日期(本案例起止3月至5月)。

鼠标选中最顶部月份一栏单击右键打开日历选项。(手动拖动滑动柄,范围3月~5月)。

调整第二行具体日期的显示格式,还是选中右键单击,在显示格式菜单中选择适合的格式(这里用的是MM/DD)。

下面就可以开始添加项目进度条了。

第一个项目进度:软件规划3月2日~3月7日,选中第一个系列矩形框,右键单击选择进度条类型。

这里给出了两种进度条类型:一种是粗箭头型,一种是细条形,这种使用细条形。

选中进度条调出日历菜单,同刚才的步骤一样,拖动滑动柄范围(3月2日~3月7日)。

重复以上操作,为项目的2~8步添加进度条。

第9步软件发布因为只是一个时间点,所以有点特殊,不能做成条状效果,这里think-cell chart给出了特殊处理方式,鼠标放到最后一步末尾与上一步进度条结束时间位置(唯有职能参考线辅助对齐)。单击右键在弹出菜单中添加标记点。

将之前做的项目进度条统统添加起始日期标记。(单击任意一个进度条,右键调出编辑菜单,添加标记)

在最底部的空白行位置,单击右键,可以添加项目的跟踪线,用来显示跟进项目进步。

同样在底部可以圈定区间的时间范围,用以更加明确的显示各步项目进度。(添加之后任意拖动一边手柄往上拉动(会出现参考点),结合智能参考线就可以使区间范围圈定你想圈定的项目进度)。

另一种用来标识区间范围的参考辅助策略是添加带背景的时间区间。(跟上面的有点类似)。

如果有哪一步的进程提前于计划时间完成,还可以通过添加虚线进程进度条进行特殊标识。(先添加实际完成进度条,再以同样的方式添加实际完成时间与计划完成时间间隔的进度,右键单击选择虚线进行特殊标识)。

到这里整个任务甘特图已经完成的差不多了,如果需要添加更为详细的项目负责人,项目完成进度统计信息,还可以通过甘特图菜单来完成添加。

选中整个图表,右键单击调出编辑菜单,鼠标点击带两个R标识的菜单,一个代表项目负责人,一个代表备注。

在负责人和备注栏里,你可以添加更为详细的相关信息。(点击每一个栏目的小矩形框,弹出的菜单中可以自行选择需要的信息内容:哈维球、复选框、text文本)。

在备注信息中,如果你选择的是哈维求,单击哈维球会出现相应的菜单,菜单中可以自定义哈维球的最大分割数量和当前显示比例。如果你选择的是复选框,那么复选框菜单会提供当前状态选择(对号、差号、空白)。

如果需要,可以自行添加图表外的备注信息。

原文发布于微信公众号 - 数据小魔方(datamofang)

原文发表时间:2016-08-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏xingoo, 一个梦想做发明家的程序员

JQuery向导插件Step——第一个阉割版插件

如果使用过JQuery Steps的朋友一定会发现这个插件有一个缺点,就是页面在第一次进入的时候,会进行一次很明显的DOM重绘——页面会闪一下。 尤其是前端...

41870
来自专栏知晓程序

开发 | 小程序不够「高级」?那是因为你没用上这 3 个特效!

最近在负责一个微信小程序的前端以及前后端接口的对接的项目,整体上所有页面的布局我都已经搭建完成。

13230
来自专栏吴裕超

点击穿透原理及解决

一、事件触发顺序 PC网页上的大部分操作都是用鼠标的,即响应的是鼠标事件,包括mousedown、mouseup、mousemove和click事件。一次点击行...

79460
来自专栏章鱼的慢慢技术路

使用Photoshop合成两张不完整的图片

17720
来自专栏Nian糕的私人厨房

Vue2.0 scroll 组件的抽象和应用

本次的系列博文的知识点讲解和代码,主要是来自于 黄轶 在慕课网的 Vue 2.0 高级实战-开发移动端音乐WebApp 课程,由个人总结并编写,其代码及知识点...

8740
来自专栏施炯的IoT开发专栏

《101 Windows Phone 7 Apps》读书笔记-Groceries

课程内容 Ø Panarama控件     Groceries是一个简易的购物清单应用程序,我们可以用它来一步一步建立自定义的购物清单。根据个人的喜好,我们...

19550
来自专栏javascript趣味编程

2 HTML5基础

答:借助HTML5解决和分析工业设计中的问题,易于实现数据可视化,而且支持所有主流操作系统。与传统C/C++/FORTRON计算机语言相比具备几个显著优势:首先...

24000
来自专栏编程微刊

小程序点击轮播图跳转到tab导航界面

一切准备好之后,在wxml文件里面,我们要使用 bindtap在图片上绑定一个事件,在js里面写事件函数的具体操作。

33320
来自专栏河湾欢儿的专栏

03-保存

存储所需内容 ctrl+c ctrl+n ctrl+v 或者直接拖动文件至新文件

9320
来自专栏无原型不设计

盘点3款原型工具的部件样式

使用样式是集中管理整个项目的外观及感受的最优方法,通过部件样式可以像word一样对组件进行快速方便的样式设置,大大提高了制作原型的效率。当项目要更新视觉设计时...

38250

扫码关注云+社区

领取腾讯云代金券