项目管理软件dhtmlxGantt配置教程（十）：如何设置时间和范围

1、时间单位

要设置比例的单位，请使用相应比例对象中的unit属性：

可能的值是：“分钟”、“小时”、“天”、“周”、“季度”、“月”、“年”。

gantt.config.scales = [
    {unit: "month", step: 1, format: "%F, %Y"},
    {unit: "day", step: 1, format: "%j, %D"}
];
 
gantt.init("gantt_here");

2、范围

默认范围设置

如果您没有明确指定日期范围，甘特图会使用加载任务的日期，并在比例尺中的第一个任务之前和最后一个任务之后添加偏移量。偏移量由时间刻度的设置定义。根据scale_offset_minimal值，它可以是通过scales选项的unit属性定义的时间单位，也可以是最小的时间刻度单位。

您可以使用getState方法以编程方式获取显示的日期范围。

var state = gantt.getState();
 
console.log(state.min_date);
// -> Mon Jan 01 2018 00:00:00
 
console.log(state.max_date);
// -> Tue Jan 01 2019 00:00:00

比例范围在甘特图渲染上重新计算。如果用户将任务移到显示的时间范围之外，则将显示任务行，但在完成重新绘制完成之前，条形元素将不可见。

为了自动调整比例，请使用fit_tasks配置。

gantt.config.fit_tasks = true; 
gantt.init("gantt_here");