项目管理工具dhtmlxGantt甘特图入门教程（三）：如何配置Gantt

最新推荐文章于 2024-04-22 19:00:09 发布

原创

最新推荐文章于 2024-04-22 19:00:09 发布 · 1k 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了dhtmlxGantt项目管理工具的配置，包括使用gantt.config设置日期、比例和控件选项，以及通过gantt.templates定制日期和标签的显示。了解如何在dhtmlxGantt初始化前设置这些选项，以实现功能齐全且符合需求的甘特图。

为了获得甘特图所需的外观，dhtmlxGantt提供了2个对象：

'gantt.config' 对象

所有配置选项都在gantt.config对象中声明。

要设置所需的选项，只需按照本文档中的说明进行编写。

请注意，配置选项应该在dhtmlxGantt初始化的代码行之前。

gantt.scales = [
    { unit: "year", step: 1, format: "%Y" }
];
 
gantt.init("gantt_here");

完整的列表gantt.config属性"Gantt API:Properties" 。

“甘特模板”对象

模板可用于更改日期和标签的显示。

要定义模板，只需按照本文档中的说明编写即可。请记住，模板的定义应该在dhtmlxGantt初始化的代码行之前。

gantt.templates.task_text=function(start,end,task){
    return "<b>Text:</b> "+task.text+",<b> Holders:</b>