Web甘特图开发系列：(三) 跟踪甘特图

跟踪甘特图用于显示计划任务与实际任务，用来比较实际完成和计划完成之间的差距。

跟踪甘特图效果图如下：

 

右侧条形图是上下两条的，分别是：实际日期（上）、计划日期（下）。

创建跟踪甘特图需要注意两点：

1）设置甘特图的显示模式为"track"，如：

gantt.setViewModel("track");

 

2）注意任务对象增加Baseline（计划日期）属性，如：

{
    "UID": "2",
    "Name": "确定项目范围",
    "Duration": 1,
    "Start": "2007-01-01T00:00:00",
    "Finish": "2007-01-01T23:23:59",
    ......
    "Baseline": [
        {
            "Start": "2007-01-01T00:00:00",
            "Finish": "2007-01-01T23:23:59"
        }
    ]
}

 

 

访问示例请点击这里 。