项目管理软件dhtmlxGantt配置教程（十四）：自定义缩放时间尺度

最新推荐文章于 2024-09-12 10:29:51 发布

小董讲MES

最新推荐文章于 2024-09-12 10:29:51 发布

阅读量2.1k

点赞数 2

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

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

版权

本文介绍了如何使用dhtmlxGantt的内置缩放模块和自定义配置来管理时间尺度。通过gantt.ext.zoom.init()启用缩放模块，或通过配置gantt.config.scales等选项手动控制缩放。dhtmlxGantt是一款跨平台的项目管理工具，提供了灵活的时间刻度切换功能。

摘要由CSDN通过智能技术生成

dhtmlxGantt提供了一个内置模块，用于方便地管理时间尺度缩放。如果您想自定义默认缩放行为，有一个灵活的 API 允许您实现动态更改时间刻度设置的能力。

1、内置缩放模块

嵌入式缩放模块在gantt.ext.zoom扩展中声明。要启用该模块，您需要调用gantt.ext.zoom.init(zoomConfig)并传递一个带有配置设置的zoomConfig对象，其中包含一组缩放级别。例如：

var zoomConfig = {
    levels: [
      {
        name:"day",
        scale_height: 27,
        min_column_width:80,
        scales:[
            {unit: "day", step: 1, format: "%d %M"}
        ]
      },
      {
         name:"week",
         scale_height: 50,
         min_column_width:50,
         scales:[
          {unit: "week", step: 1, format: function (date) {
           var dateToStr = gantt.date.date_to_str("%d %M");
           var endDate = gantt.date.add(date, 6, "day");
           var weekNum = gantt.date.date_to_str("%W")(date);
           return "#" + weekNum + ", " + dateToStr(date) +