jQuery.gantt是一款功能強大的項目進度圖插件，可以幫助開發者快速創建漂亮的Gantt圖表。除了默認提供的功能外，我們還可以通過添加屬性對插件進行自定義。下面是具體實現過程。

$("#ganttChart").gantt({
source: [
{
name: "任務1",
desc: "任務1描述",
values: [
{
from: "/Date(1224043200000)/", //起始時間
to: "/Date(1224187200000)/", //結束時間
label: "任務1.1", //任務名
customClass: "ganttRed" //自定義css樣式
}
]
}
],
scale: "days",
minScale: "days",
maxScale: "months",
onItemClick: function(data) {
alert("You clicked on an item: "+data.name);
},
onAddClick: function(dt, rowId) {
alert("You clicked on Add icon "+" on row id"+rowId);
},
onRender: function() {
if (window.console && typeof console.log === "function") {
console.log("chart rendered");
}
}
});

上述代碼中，我們可以看到通過添加customClass屬性，實現了自定義CSS樣式的功能。在Gantt圖表上呈現不同的任務類型、進度狀態，可以通過自定義css設置不同的顏色、邊框及其他屬性，實現更加豐富的數據展示效果。

除了上述屬性外，還有許多其他的自定義屬性可以添加，如onItemClick、onAddClick、onRender等等。通過這些屬性設置，我們可以實現更加靈活、個性化的Gantt圖表展示，滿足不同的需求。