甘特圖可以爲一個活動添加多個時間段

Question

我需要一個可以爲特定活動應用多個時間段的jQuery甘特圖。但不幸的是，只有我發現那些僅支持單個時隙的特定活動。如果有人能建議我支持我的要求，我會很感激。

謝謝。

Answer 1

我不完全確定這是否符合您的標準，但您可能想查看jQuery.Gantt。

您可以爲每個源項目指定任意數量的值（可選擇標記的日期時間範圍）。該圖表每行顯示一個源項目，每行包含該項目的所有範圍。如文檔中被示出，源你將通過作爲一個選項可以是URL或值對象的數組：

// ... 
source: [{ 
    name: "Example", 
    desc: "Lorem ipsum dolor sit amet.", 
    values: [ ... ] 
// ... 
}] 

和values看起來像這樣：

values: [{ 
    from: '2014/01/23', // date can be a string (YYYY/MM/DD ...), 
    to: 1392743873913, // integer (ms), or Date instance 
    desc: "Something", 
    label: "Example Value", 
    customClass: "ganttRed", 
    dataObj: foo.bar[i] 
}] 

實施例的jsfiddle： http://jsfiddle.net/8FnE9/5/