本文介绍基于Visio软件绘制时间轴日程安排图时间进度图等的方法。

  在很多学习、工作场合中,我们往往需要绘制如下所示的一些带有具体时间进度的日程安排工作流程项目进展等可视化图表。

  而基于Visio软件,我们就可以非常轻松地绘制出这样的图案。本文就详细介绍一下用Visio软件绘制这类可视化图表的方法。此外,如果大家需要绘制流程图、技术路线图等等,则可以查看我们之前的博客。

  首先,打开Visio软件,并选择“更多模板”。

  随后,在“类别”中选择“日程安排”。

  随后,选择“日程表”。

  在弹出的窗口中,有四种不同的日程表预设模板;其中第一个是空白模板,其它三个是带有预设图案的模板。建议大家从三个带有图案的模板中选择一个自己最符合自己需要的,随后在其基础上直接修改即可。这里我们就选择第四个模板来进行讲解。

  选择模板后,可以看到编辑界面中已经有了时间轴的部分元素;如下图所示。

  其中,不难看到上方的时间轴为总时间轴,下方的时间轴为附属的时间轴。我们首先要做的是将原本模板里时间轴的时间范围修改为我们需要的时间范围。在时间轴任意一处(如下图中左侧的红色矩形处)右键,选择“配置日程表”。

  在弹出的窗口中,我们可以在“时间段”一栏中配置时间轴的开始、结束时间,以及时间轴上每一个刻度的大小。

  此外,可以在“时间格式”一栏中,配置日程表时间显示的语言、格式等。

  将原本模板中的时间轴范围修改为我们自己的实际范围后,大概率会出现如下图所示的情况。

  可以看到,一些原本在时间轴中分散分布的元素(例如上图中第3季度阶段1,这些元素叫做“时间间隔”),此时都聚集在了一起。这是由于这些元素是适合于模板中原来的时间范围的,而我们刚刚修改了这一时间范围,从而导致部分元素可能出现聚集的情况。

  由上图更可以看出,这些堆叠在一起的时间间隔元素。针对这种情况,我们可以将不需要的元素删除,或者是修改这些元素的时间范围,从而使得其符合我们的需要。

  修改元素的时间范围非常简单。例如,我们修改第3季度这一间隔元素的时间,直接在元素上右键,选择“配置间隔”即可。

  例如,刚刚出现了重叠情况的几个时间间隔元素,我们右键查看其开始与结束时间,可以发现是在2015年;而总时间轴我们刚刚已经修改过了,改成了2020年之后的时间。因此,这些原有的时间间隔元素自然就会因为时间范围与总时间轴范围相差过大,挤在总时间轴的左端。

  我们将其修改为符合总时间轴的时间后,可以看到这一元素(这里我已经将原本的第3季度名称修改为新的内容)就显现出来了。

  此时,其它没有修改的元素依然在总时间轴的最左端堆叠。除了修改他们各自的时间范围,我们还可以将其删除。

  用鼠标选中这些堆叠在一起的元素,然后按下Delete键即可。

  删除完毕,可以看到各个元素的排列清楚了许多。

  此外,如果我们还想修改附属时间轴(上图中红色框内部分)的时间范围,也是在其上方右键即可。

  修改完毕后,可以看到附属时间轴总时间轴上方的虚线范围已经修改。

  此外,我们还可以修改时间间隔元素的类型。在时间间隔元素上方右键,选择“设置间隔类型”,并选择合适的样式。

  例如,下图就是修改后的时间间隔元素,可以看到其现在呈现出圆柱形的形状范围。

  此外,我们还可以在时间轴上添加“箭头”。

  例如,在时间轴的末端添加箭头,得到结果如下图所示。

  如果我们需要引入新的时间间隔元素,可以在左侧“形状”列表中选择“块状间隔”,然后添加到时间轴中 ,并配置其具体的时间范围。

  此外,我们还可以编辑时间间隔的文字说明。

  此外,时间间隔也可以设置不同的类型。如下图所示,我们将原本嵌入在时间轴内部的时间间隔变成了用方括号绘制在时间轴外部的时间间隔

  接下来,我们可以在时间轴中添加“里程碑”。例如,在左侧“形状”列表中选择“双三角形里程碑”,然后添加到时间轴中,并配置其时间点。

  配置后的结果如下图所示。

  此外,在里程碑元素上方右键,同样可以进行各项设置。

  如果我们想要调整整个时间轴的配色,可以在“设计”中选择“颜色”,从而选择合适的配色方案。

  例如,我们可以将时间轴设置为蓝色系。

  最后,如果我们想为一个总时间轴设置多个附属时间轴,或者为某一个附属时间轴设置二级附属时间轴,都可以从左侧“形状”列表中选择“展开的日程表”。

  并将其添加到合适的地方,调整好时间范围、样式即可。

  综上,我们就可以用Visio软件绘制出好看的时间轴图了。

Visio绘制时间轴安排图的方法的更多相关文章

  1. 4-Highcharts曲线图之时间轴折线图

    鼠标按住左键 左右移动可以试试<!DOCTYPE> <html lang='en'> <head> <title>4-Highcharts曲线图之时间轴 ...

  2. highcharts.js的时间轴折线图

    工作中正好用到. 鼠标按住左键 左右移动可以试试 <!DOCTYPE> <html lang='en'> <head> <title>4-Highcha ...

  3. 基于jQuery的美食时间轴焦点图插件

    这是一款非常炫酷的jQuery焦点图插件,这款jQuery焦点图的特点是有一个时间轴,点击切换按钮时,时间轴会逐渐移动,时间轴上的图片也会逐渐切换.另外,在图片上方也可以放置自定义样式的文字. 在线预 ...

  4. 使用canvas编写时间轴插件

    使用canvas编写时间轴插件 背景 项目中有一个视频广场的功能,需要一个时间轴类似视频播放中进度条功能一样显示录像情况,并且可以点击.拖动.放大缩小展示时间轴,获取到时间轴的某个时间.原来的时间轴是 ...

  5. 【Highcharts】 绘制饼图和漏斗图

    1.outModel类设计 设计outModel类首先研究下Highcharts中series的data数据格式,发现饼图和漏斗图都可以使用这样格式的数据 series: [{ name: 'Uniq ...

  6. 关于bfs时间轴

    对于bfs,由于是通过不断将平行位置的元素加入到队列进行的,所以它在一定情况下淡化了与队列外部的  "时间"   联系观念,通过一个数组记录内部的 "时间" 这 ...

  7. Qt编写自定义控件64-垂直时间轴

    一.前言 垂直时间轴控件,主要用来描述企业发展历程大事件,或者软件版本迭代历史等,通过时间节点和事件描述来直观的展示发展的过程,一般在web网页或者app中经常看到此类控件,尤其是公司的官网关于公司部 ...

  8. MATLAB计算变异函数并绘制经验半方差图

      本文介绍基于MATLAB求取空间数据的变异函数,并绘制经验半方差图的方法.   由于本文所用的数据并不是我的,因此遗憾不能将数据一并展示给大家:但是依据本篇博客的思想与对代码的详细解释,大家用自己 ...

  9. Laya的动画制作,整图动画,序列图动画,时间轴动画,龙骨动画

    参考: Laya动画基础 Egret帧动画工具类 版本:2.1.1.1 序列图动画 白鹭的序列图动画,使用TexureMerger合图,然后使用MovieClip类播放. Laya的话,使用图集打包工 ...

  10. 海康、大华NVR网络硬盘录像机录像无插件全平台访问实现—录像回放时间轴功能实现方法

    在之前的博文中我们有介绍方案*NVR硬件录像机web无插件播放方案(支持取特定时间段视频流)*:该片博文旨在介绍时间轴功能的实现和相关接口的调用: 时间轴样式展示: 问题分析 对于 时间轴的展示实现需 ...

随机推荐

  1. Qt编写安防视频监控系统59-子模块3图文警情

    一.前言 图文警情子模块是为了适应现在各种人脸识别报警应用而增加的,参照现在各种视频监控手机app报警提示信息,基本上都是带了时间.内容.图片缩略图(单击可以查看大图),这种信息排列形式在现代的软件中 ...

  2. error C2589: “(”:“::”右边的非法标记错误的处理

    问题:error C2589: "(":"::"右边的非法标记错误的处理 标准库在<algorithm>头中定义了两个模板函数std::min() ...

  3. VC++2008、2010、2012、2015、2017等IDE中如何设置命令行参数进行程序调试

    有时我们在写程序时会从命令行中直接读入参数,形如: int main(int argc,char**argv){ //your code here return 0; } 其实在vc2010 IDE中 ...

  4. 开源即时通讯IM框架MobileIMSDK的Uniapp端开发快速入门

    ► 相关链接: ①MobileIMSDK-Uniapp端的详细介绍 ② MobileIMSDK-Uniapp端的开发手册new(* 精编PDF版) 一.理论知识准备 您需要对Uniapp和Vue开发有 ...

  5. 为什么要把数据模型分为:Entity,DTO,Response,Request呢?具体有什么作用呢

    开发中,我们通常把数据模型分为几个部分,探讨下他们具体都有那些作用. 1. Entity(实体) 实体类代表数据库表结构,与数据库表一一对应. // 例如 User.cs public class U ...

  6. [LC1161]最大层内元素和

    题目概述 给你一个二叉树的根节点 root.设根节点位于二叉树的第 1 层,而根节点的子节点位于第 2 层,依此类推. 请返回层内元素之和 最大 的那几层(可能只有一层)的层号,并返回其中 最小 的那 ...

  7. Hugo|30分钟搭建完整的个人博客

    本文将讲述如何使用 Hugo,从0到1完成一个"静态博客"的搭建.展示 hugo 可以通过简单配置,自定义装饰博客界面的能力,并集成网站数据统计能力. 下一篇文章将教会你将站点免费 ...

  8. java基础知识回顾之java Thread类学习(三)--java多线程通信等待唤醒机制(wait和notify,notifyAll)

    1.wait和notify,notifyAll: wait和notify,notifyAll是Object类方法,因为等待和唤醒必须是同一个锁,不可以对不同锁中的线程进行唤醒,而锁可以是任意对象,所以 ...

  9. 【Netty】(5)-源码 Bootstrap

    [Netty]5 源码 Bootstrap 上一篇讲了AbstractBootstrap,为这篇做了个铺垫. 一.概述 Bootstrap 是 Netty 提供的一个便利的工厂类, 我们可以通过它来完 ...

  10. 【译】融入人工智能的 eShop – 全面的智能应用示例

    原文 | Jeremy Likness 翻译 | 郑子铭 人工智能 (AI) 是一种强大的工具,它可以增强您的应用程序,提供更好的个性化定制体验,满足客户的独特需求,同时提高内部运营的质量和效率.虽然 ...