世俱杯 2025

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

翻译|使用教程|编辑：秦林|2022-09-23 15:24:22.623|阅读 186 次

概述：本文给大家讲解如何配置Gantt。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

dhtmlxgantt

DhtmlxGantt正版试用下载

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

  • gantt.config - 日期、比例、控件等的配置选项。
  • gantt.templates - 甘特图中使用的日期和标签的格式模板。
'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> "+task.users;
};
gantt.init("gantt_here");

dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表，可满足项目管理控件应用程序的所有需求，是最完善的甘特图图表库。了解更多DhtmlxGantt相关内容和资讯，欢迎在线咨询或者私信我获取正版试用版及报价。

甘特图控件交流群：764148812    欢迎进群交流讨论

更多正版甘特图软件下载、购买、授权咨询，请点这里！


标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@dpuzeg.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP