jQuery.Gantt 是一个基于 jQuery 的 Gantt 图表插件，可以用于在 Web 应用程序中绘制甘特图，以显示时间轴和任务时间表。
安装
使用 npm 进行安装：
npm install jquery-gantt
或者手动下载文件并将其包含在 HTML 页面中：
<script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.gantt.min.js"></script> <link rel="stylesheet" type="text/css" href="path/to/jquery.gantt.css">
快速入门
以下是一个简单的示例，演示如何在页面上绘制甘特图：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------- ----- -------------
----- ---------------- --------------- --------------------------------------------------------------------------------
----- ---------------- --------------- -----------------------------------------------------------------------------------------------
------- -----------------------------------------------------------
------- ------------------------------------------------------------------
------- -----------------------------------------------------------------------------------------------------
--------
------------ -
--- ---- - ---
--- ---- - - -- - - --- ---- -
-----------
----- ----- - - ------
----- ------------ -- ---- - - ------
------- --
----- ------------------------
--- ------------------------
------ ----- - - -----
--
---
-
-------------------
------- ----
---
---
---------
-------
------
---- --------------------
-------
-------API
Options
以下是可用的选项：
source: 数据源。navigate: 导航按钮配置。scale: 时间缩放级别和各自的格式。maxScale: 缩小到达的最大比例。minScale: 放大到达的最小比例。itemsPerPage: 每页显示的任务数。onItemClick: 单击任务时触发的回调函数。onAddClick: 单击“添加”按钮时触发的回调函数。onRender: 渲染完成后触发的回调函数。
方法
以下是可用的方法：
destroy(): 销毁甘特图。reload(source): 重新加载数据源并重新绘制甘特图。scrollTo(date): 滚动以使指定日期在视图中可见。setPage(pageIndex, itemsPerPage): 设置要显示的页面的索引和每页的项目数。
示例
添加任务
使用 onAddClick 选项和 addTask() 方法，可以向甘特图中添加新任务。
-- -------------------- ---- -------
---- --------------------
--------
--- ---- - -
-
----- ----- ---
----- ------------ -- ---- ---
------- --
----- ------------------------
--- ------------------------
------ ----- --
--
--
-
----- ----- ---
----- ------------ -- ---- ---
------- --
----- ------------------------
--- ------------------------
------ ----- --
--
-
--
-------------------
------- -----
----------- ----------- ----- -
--- ----- - -----
---------------
----- ---- ------
----- ------------ -- --- ------
------- --
----- -----------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------