本系列的前两个步骤，我们学习了 SAP UI5 控件库里地图控件的使用方法：
-
SAP UI5 应用开发教程之五十九 - 如何在 SAP UI5 应用里显示世界地图
-
SAP UI5 应用开发教程之六十 - SAP UI5 地图控件的一些高级用法
本步骤介绍另一种企业级前端应用里使用非常广泛的图形控件，甘特图。
甘特图（Gantt chart）又称为横道图、条状图(Bar chart)，其通过条状图形来显示项目、进度和其他和时间相关的系统进展之间的内在关系。
甘特图以提出者亨利·劳伦斯·甘特（Henry Laurence Gantt）先生的名字命名。
SAP UI5 标准控件库也提供了对甘特图 Gantt Chart 的支持：GanttChartContainer.
本步骤的源代码地址如下。
下面是详细的开发步骤。
要开发甘特图 Gantt Chart，我们首先要准备好显示在图中的业务数据，本例通过工程文件 data.json 来维护这些业务数据。
如上面例子显示的，任务列表有两个 task，分别是前端架构设计和后端架构设计，因此 data.json 里需要包含着两个任务对应的节点：
