编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

项目管理工具dhtmlxGantt甘特图入门教程(三):如何配置Gantt?

wxchong 2024-07-17 04:33:28 开源技术 8 ℃ 0 评论

DHTMLX Gantt官方最新版免费下载试用,历史版本下载,在线文档和帮助文件下载-慧都网

为了获得甘特图所需的外观,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相关内容,请锁定本套系列教程。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表