动态更改刻度设置
动态调整刻度可以让 Gantt 图更具适应性,从而满足不同用户的需求。
例如,负责一年期项目的经理可能更喜欢按月份查看计划,以获得整体概览。然而,当聚焦于某项具体任务时,切换到按周或按天的刻度则能提供更详细的信息。
为什么只选 择一种方式?最好是提供所有选项,让用户自行选择最适合他们的刻度视图。
配置设置
要在 dhtmlxGantt 初始化后动态更新刻度设置,请按照以下步骤操作:
- 为相关配置选项赋予新值。
例如,要将刻度单位从 "month" 切换为 "day",请更新 scales 配置中的 unit 属性。 2. 如有需要,更新相关模板。
例如,要高亮显示刻度中的周末,请修改 scale_cell_class 模板。 3. 使用 render 方法重绘 Gantt 图。
动态更改刻度配置
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(); /*!*/