项目管理软件dhtmlxGantt配置教程（十六）：如何设置动态化比例

最新推荐文章于 2025-02-07 15:48:27 发布

原创

最新推荐文章于 2025-02-07 15:48:27 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#项目管理工具 #dhtmlxgantt #甘特图 #项目管理软件 #DHTMLXGantt

本文是关于dhtmlxGantt项目管理软件的配置教程，主要讲解如何设置动态化比例，包括更改刻度单位、定义模板以及重新渲染甘特图。dhtmlxGantt是一款跨浏览器和跨平台的高效甘特图组件，适用于各种项目管理需求。

配置设置

要动态更改比例的设置（例如步进、子比例）（在 dhtmlxGantt 初始化之后），请使用以下技术：

为相关配置选项设置新值。例如，要将刻度的单位从“月”更改为“日”，请使用scales属性的unit属性。

重新定义相关模板（如果需要）。例如，要在 scale 中突出显示周末，请使用scale_cell_class模板。

使用render方法重新绘制甘特图。

gantt.config.scales = [
    {unit: "month", step: 1, format: "%F, %Y"},
];
 
gantt.init("gantt_here");
 
 
gantt.config.scales = [                         
    {unit: "day", step: 1, format: "%d %M, %D"} 
];                                              
gantt.templates.scale_cell_class = function(date){
    if(date.getDay()==0||date.getDay()==6){
        return "weekend";
    }
};
gantt.render();

dhtmlxGantt享有超十年声誉，支持跨浏览器和跨平台，性价比高，可满足项目管理控件应用的所有需求，是最完善的甘特图图表库。了解更多内容，欢迎在线咨询或者私信我获取正版试用版及报价。