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

最新推荐文章于 2024-05-11 15:56:02 发布

小董讲MES

最新推荐文章于 2024-05-11 15:56:02 发布

阅读量894

点赞数

分类专栏：项目管理工具dhtmlxGantt中文教程内容文章标签：甘特图 DHTMLXGantt Gantt 项目管理工具

本文链接：https://blog.csdn.net/HD202202/article/details/127011829

版权

当您使用 dhtmlxGantt 开发应用程序时，您需要做的第一件事就是初始化，或者简单地说，就是在页面上显示甘特图。

点击获取DhtmlxGantt官方正式版

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

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

<!DOCTYPE html>
<html>
<head>
   <script src="codebase/dhtmlxgantt.js"></script>
   <link href="codebase/dhtmlxgantt.css" rel="stylesheet">
</head>
<body> <div id="gantt_here" style='width:1000px; height:400px;'></div>
    <script type="text/javascript">
        gantt.init("gantt_here");