如何在dhtmlxGantt工具中增加时间线

Question

你好，我正在使用dhtmlxgantt工具在我的laravel应用程序中进行项目管理。但在我的时间线，我只能增加到2014-12-31，但我需要增加我的年度到2020年。我该怎么做呢。

Answer 1

它可以通过几种不同的方式来完成。

1)可以使用日期/日期选项定义范围

gantt.config.start_date = new Date(2016, 0, 1);
gantt.config.end_date = new Date(2021, 0, 1);
gantt.init();//or gantt.render() if gantt is already initialized

2)或者，您可以告诉甘特总是重新计算时间尺度，以便在甘特中使用适合所有数据 (默认情况下，这种计算只在加载数据时发生一次)。

gantt.config.fit_tasks = true;

注意，您要么显式地设置日期范围(定义开始/结束日期)，要么告诉甘特自动计算它(使用fit_tasks配置)，您不能同时启用两者。

然后可以在details表单中设置日期选择器范围：

gantt.config.lightbox.sections=[
    {name:"description", height:70, map_to:"text", type:"textarea",focus:true},
    {name:"time", year_range: [2016, 2025]  map_to:"auto", type:"duration"}
];

duration.html

请注意，当您显示巨大的日期范围时，甘特可能会变慢。通常，它可以通过启用static_background模式和智能呈现扩展来修复。performance.html config.html