绘制甘特图-vue + typescript + video.js实现流媒体播放视频监控功能

5.2绘制甘特图Project中包括“绘图”工具栏，可用它直接在甘特图的图部分绘制对象。如果您想突出特定事件或以图形表示特定项，那么可以直接在甘特图中绘制对象，如文本框、箭头和其他项。也可将已经绘制好的对象链接到甘特条形图或时间刻度上某特定时期的末端。下面介绍如何根据需要选择链接类型。当对象可以具体特指甘特条形图表示的任务时，将对象链接至甘特条形图。如果任务已被排定日程，则对象会随着甘特条形图移动。当对象代表的信息对于日期敏感时，将对象链接至日期。不管显示时间刻度的哪一部分，对象相对时间刻度总会保持相同的位置。提示如果“绘图”工具栏中不包括您想添加的项类型，可以使用“插入”菜单中的“对象”命令来添加位图图像或文档。在下面的练习中将显示“绘图”工具栏，并向“自定义甘特图”视图添加一个文本框。

(1)在“视图”菜单下，指向“工具栏”，然后单击“绘图”。出现“绘图”工具栏。提示也可以在“插入”菜单下单击“绘图”来显示“绘图”工具栏。

(2)在“绘图”工具栏上，单击“文本框”按钮，然后在“自定义甘特图”视图图部分的任意位置绘制一个小框。

(3)在小框中，输入Film festival January 10 and 11。

(4)在“格式”菜单下，指向“绘图”，然后单击“属性”。出现“设置绘图对象格式”对话框。提示也可双击文本框的边缘来查看它的属性。

(5)单击“线条与填充”标签(如果没有选择)。

(6)在“填充”选项区下的“颜色”框中，单击“黄色”。接下来把此文本框附加到时间刻度上的特定日期。

(7)单击“大小和位置”标签。

(8)确保“附加到时间刻度”为选中状态，在“日期”框中，输入或单击“2008年1月10日”。

(9)在“附加到时间刻度”下的“垂直”框中，输入2.75(这是文本框的顶部距时间刻度的距离，单位为英寸)，然后单击“确定”，关闭“设置绘图对象格式”对话框。Project将文本框着色为黄色，并将其置于时间刻度下指定的日期附近，如图5.9所示。

(10)单击“甘特图”视图的空白区域以取消选择文本框。因为是将文本框附加到时间刻度上的特定日期，所以即使放大或缩小时间刻度，文本框的位置也不会改变。

在学习绘制甘特图的过程中，如果你想要进一步探索时间刻度与甘特图的结合，可以参考时间轴与甘特图的无缝结合。同时，对于如何在Python中使用Plotly绘图工具绘制甘特图，也可以参考详解Python使用Plotly绘图工具绘制甘特图。这些资源将帮助你更好地掌握相关技能和工具。

如果你需要一些模板来加快你的工作进度，可以下载关键时间节点PPT甘特图模板或带日期时间的甘特图PPT模板。这些模板将为你提供一个很好的起点，使你的项目展示更加直观和高效。

你可以轻松地提升自己的甘特图绘制能力，让你的项目管理更加得心应手！