如何在 dhtmlx 甘特图工具中增加时间轴

Question

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

Answer 1

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

1) 您可以使用 start_date/end_date 选项定义范围

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) 或者，您可以告诉甘特图始终重新计算时间尺度，以便 fit all data 您在甘特图中拥有（默认情况下，此类计算仅在您加载数据时发生一次）

gantt.config.fit_tasks = true;

请注意，您要么明确设置日期范围（定义 start/end 日期），要么告诉甘特图自动计算它（使用 fit_tasks 配置），您不能同时启用两者。

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

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"}
];

http://docs.dhtmlx.com/gantt/desktop__duration.html

请注意，当您显示较大的日期范围时，甘特图可能会变慢。通常，可以通过启用 static_background 模式和智能渲染扩展来修复。 http://docs.dhtmlx.com/gantt/desktop__performance.html http://docs.dhtmlx.com/gantt/api__gantt_static_background_config.html

如何在 dhtmlx 甘特图工具中增加时间轴

how can increse timeline in dhtmlxGantt tool

laravel-5

gantt-chart