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

时间:2016-12-09 11:57:04

标签: laravel-5 gantt-chart

hellow,我在My laravel应用程序中使用dhtmlxgantt工具进行项目管理。但在我的时间线上,我只能添加到2014-12-31,但我需要增加我的年份直到2020年。我该怎么办呢。

1 个答案:

答案 0 :(得分: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;

注意,您要么明确设置日期范围(定义开始/结束日期),要么告诉甘特图自动计算它(使用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