博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

Posted on 2012-12-29 23:02  MiniUI技术博客  阅读(1544)  评论(0编辑  收藏  举报

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

跟踪甘特图效果图如下:

跟踪甘特图

 

右侧条形图是上下两条的,分别是:实际日期(上)、计划日期(下)。

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

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

 

访问示例请点击这里