项目管理工具dhtmlxGantt入门教程（二）：如何初始化dhtmlxGantt（上）

dhtmlxGantt 是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表，可满足项目管理控件应用程序的所有需求，有很完善的甘特图图表库。当您使用 dhtmlxGantt 开发应用程序时，您需要做的第一件事就是初始化，或者简单地说，就是在页面上显示甘特图。

DhtmlxGantt正版试用下载（qun：764148812）https://www.evget.com/product/4213/download

要在页面上显示基本甘特图，请执行 3 个步骤：

1. 在页面上包含dhtmlxGantt 代码文件。
2. 在页面上创建一个 DIV 容器。
3. 使用init方法在新创建的容器中初始化dhtmlxGantt 。作为参数，该方法采用将在其中显示甘特图的 HTML 容器（或其 id）。

如何将甘特图源文件添加到项目中

您可以通过多种方式将甘特代码文件添加到您的项目中，具体取决于您创建的应用程序的类型：

• 通过

  让我们快速浏览一下 dhtmlxGantt 包的结构，找出在哪里查找文件。

  构成 dhtmlxGantt 包的主要文件夹和文件有：

  • sources - 库的源代码文件。这些文件未缩小且易于阅读。该软件包主要用于组件的调试。
  • 示例- 代码示例。
  • docs - 组件的完整文档。
  • codebase - 库的打包代码文件。这些文件的大小要小得多，旨在用于生产。在您的应用程序中，您需要使用此文件夹中的文件。

  将文件导入 ES6/7 和 TypeScript 应用程序

  使用以下命令导入文件：

  import { gantt } from 'dhtmlx-gantt';

  对于 Commercial、Enterprise 或 Ultimate 版本，命令如下所示：

  import { gantt, Gantt } from 'dhtmlx-gantt';

  了解更多DhtmlxGantt相关内容和资讯，欢迎加入我们（文章前部分社群）