WEB GANTT甘特圖製作系列教材之(數據解析)

EdoGantt只需要一個簡單的JSON數據結構，就可以創建並顯示一個web gantt。

如下所示：

[
    {
       UID: 1,                                 //唯一標識符
        Name: 'task1',                          //任務名稱
        Start: new Date(2009, 1, 2),            //開始日期
        Finish: new Date(2009, 1, 5),           //完成日期
        Critical: 1,                            //關鍵任務
        PercentComplete: 80,                    //完成百分比                
        Baseline: [                             //比較基準
            {
                Start: new Date(2009, 1, 2),
                Finish: new Date(2009, 1, 3),
                Duration: 123
            }            
        ]
    },
    {
        UID: 2,                                 
        Name: 'task2',                          
        Start: new Date(2009, 1, 2),            
        Finish: new Date(2009, 1, 3),           
        Critical: 1,                            
        PercentComplete: 80,                    
        Summary: 1,                             //摘要        
         children: [
            {
                UID: 3,
                Name: 'task3',
                Milestone: 1,                   //里程碑
                  PercentComplete: 100,
                Start: new Date(2009, 1, 3),
                Finish: new Date(2009, 1, 3),
                PredecessorLink: [              //前置任務
                    {
                        PredecessorUID: 1,      //前置任務UID
                        Type: 1                 //任務相關性類型
                    }
                ]
            }
        ]
    }    
]

甘特圖顯示的是一個任務樹狀結構，每個節點就是一個任務，任務屬性描述如下：

UID：（必須）String。唯一標識符。是一個任意的字符串或數字，確保任務UID不重複。

Name：（必須）String。任務名稱。

Start：（必須）Date。開始日期。

Finish：（必須）Date。完成日期。

PercentComplete：（必須）Number(0~100)。完成百分比。顯示爲上下居中的進度條。

PredecessorLink：（非必須）Array。前置任務。任務跟任務之間 的可以有四種關係：完成-完成(FF) 0，完成-開始(FS) 1，開始-完成(SF) 2，開始-開始(SS) 3。當有前置任務時，根據不同的任務相關性類型，將會顯示四種不同的任務箭頭連線。

Summary：（非必須）Number(0或1)。摘要任務。當一個任務下有 子任務的時候，這個任務就是摘要任務，當Summary爲1時，此任務會兩端黑色箭頭顯示。

Critical：（非必須）Number(0或1)。關鍵任務。當Milestone爲1時，顯示一個紅色條形圖。

Milestone：（非必須）Number(0或1)。里程碑。當Milestone爲1時，顯示一個菱形圖標。

Baseline：（非必須）Array。比較基準。用於對比顯示實 際任務日期和計劃日期。當gantt顯示組件viewMode爲“track”時，顯示上下兩個任務條形圖。

使用以上的示例數據，生成的EdoGantt界面如下：

EdoGantt只要求一個極其精簡的基本數據結構，不關心用戶的數據從何而來。

用戶可以任意組織存儲自己的項目數據，無論是服務端是.NET還是JAVA，無論數據庫是ORACLE還是MYSQL，無論數據傳輸方式是JSON 還是XML，只需要在創建甘特圖的時候，提供一個符合EdoGantt基礎數據結構的JS對象，就可以正常使用EdoGantt，開發自己的項目管理系 統。

更多詳細信息請直接登錄網站:

http://www.edogantt.com

http://www.edogantt.com/zh_cn/examples/edoproject.html

http://www.edojs.com