DHTMLX Gantt是用于跨瀏覽器和跨平臺應用程序的功能齊全的Gantt圖表。可滿足項目管理應用程序的所有需求，是最完善的甘特圖圖表庫。

DHTMLX Gantt 9.0重大版本更新現已發布。這一里程碑版本使JavaScript 甘特圖界面煥然一新，帶來了徹底改進的主題，并大大簡化了甘特圖的外觀和感覺自定義。新版本還引入了手動安排的摘要任務、對基線的內置支持、增強的截止日期和約束可視化、粘性標簽以及許多其他改進，以增強基于甘特圖組件的 Web 應用程序。

DHTMLX Gantt v9.0最新版試用下載

在這篇文章中，我們將介紹 DHTMLX Gantt 9.0 的新功能和改進，這些功能和改進使 DHTMLX Gantt 9.0 成為提供全面項目管理應用程序的技術堆棧中必備工具。

可定制的主題和增強的用戶界面

視覺上吸引人且易于定制的用戶界面對于滿足 Web 開發人員和最終用戶的需求至關重要。在 DHTMLX Gantt 9.0 中，我們在增強用戶界面方面取得了重大進展，以提供更現代、更靈活的體驗。

• 徹底改造的主題

就像 DHTMLX Scheduler (v7.0) 的最新重大更新一樣，Gantt 9.0 帶來了主題的全面改革。我們重寫了核心樣式，采用了現代設計實踐，以確保您的甘特圖看起來新穎而時尚。

• 更新露臺主題

默認Terrace 主題已進行改進，以符合現代 UI 標準。它現在提供更簡潔、更生動的外觀，可提高可讀性和用戶參與度。

• 新的深色主題

Web 應用程序中對深色主題的需求持續高漲，其受歡迎程度的原因有很多。深色主題可減輕眼疲勞，讓您的應用程序外觀時尚現代。使用 v9.0，您可以將這個熱門主題應用到您的甘特圖中。

使用 CSS 變量定制甘特圖

v9.0 中的另一個突出的樣式功能是使用 CSS 變量簡化甘特圖自定義。這些自定義屬性提供了多種好處，如下文更詳細地介紹。

• 輕松定制和維護

CSS 變量提供了一種簡單而靈活的方式來修改甘特圖的外觀。Web 開發人員可以定義全局樣式屬性，例如顏色、字體和其他樣式元素，只需進行少量更改即可快速更新整個甘特圖。

以下代碼可以更改甘特圖中刻度、任務和鏈接的顏色：

對變量的任何更改（例如調整主色）都將統一應用于整個 UI，使所有內容保持同步。這還降低了隨著時間的推移維護或更新 UI 所需的復雜性和工作量。

使用 CSS 變量進行主題定制

CSS 變量還提供了簡化現有甘特圖主題自定義的機會。因此，UI 可以根據用戶偏好或特定項目需求更適應主題變化。

此外，v9.0 還允許最終用戶通過應用設置在主題之間切換，而無需重新加載頁面。動態主題切換是使用setSkin()方法實現的。

對于那些需要大量修改甘特圖的用戶，v9.0 軟件包包含主題的源文件。它支持深度定制和重建主題以滿足特定要求。

• 圖標定制

在新版甘特圖中，所有圖標均使用 Web 字體或 SVG 元素構建。這意味著您可以直接通過 CSS 變量自定義圖標樣式，從而確保整個應用程序的一致性。

• 新的鏈接樣式選項

我們還改進了甘特圖任務之間鏈接的顯示方式?，F在鏈接可以采用圓角邊框，從而為任務之間添加更平滑、更具視覺吸引力的連接。這由新的gantt.config.link_radius配置選項控制，您可以在其中定義鏈接所需的邊框半徑。

通過增加半徑值，鏈接的曲線變得更加明顯。如果您更喜歡經典的直線而沒有任何圓角，您可以通過將半徑設置為 1 來禁用此功能。這一新穎的功能允許您定制鏈接樣式以更好地匹配應用程序的設計美感。

手動安排的摘要任務

我們的團隊一直在尋找提高使用甘特圖管理項目的靈活性和準確性的方法。新版甘特圖增加了手動匯總（項目）任務調度功能。它用于在指定子任務詳細信息之前概述項目階段，從而提供通用的項目時間表。

默認情況下，摘要任務會根據其子任務的最早開始日期和最晚結束日期自動計算其日期?，F在，最終用戶可以獨立于子任務為摘要任務設置固定的開始日期和結束日期。因此，甘特圖將同時顯示摘要任務的固定持續時間和從子任務得出的持續時間。

要為摘要任務激活此功能，請將auto_scheduling屬性設置為false。固定日期存儲在task.start_date和task.end_date中，而子任務計算出的日期則存儲在task.$auto_start_date和task.$auto_end_date中。

甘特圖中會顯示摘要任務的固定持續時間和根據其子任務計算出的實際持續時間。如果子任務日期范圍超出摘要任務的指定日期，摘要任務將以紅色突出顯示，以指示時間安排沖突，如下例所示。此視覺提示可幫助最終用戶快速識別和解決項目時間表中的差異。

此功能為最終用戶提供了一種便捷的機制，即使出現計劃外的時間表變更，也能確保準確的項目管理。

內置基線支持

在甘特圖等工具中，基線可以清楚地表明實際工作進度與項目實施計劃的一致性。以前在 DHTMLX Gantt 中，添加基線需要通過gantt.addTaskLayer API 手動編碼。從現在開始，開發人員可以享受對基線實體的內置支持，從而大大簡化這一重要甘特圖項目的工作。基線可以直接與任務一起加載，從而簡化甘特圖數據的呈現和管理。一旦基線被加載，甘特圖將自動在時間軸中顯示它們，而無需任何額外的配置 。

使用新的燈箱控件，管理基線現在更加直觀。最終用戶可以直接從任務編輯表單輕松添加、編輯或刪除基線。

• 靈活的基線渲染模式

我們了解項目在工作流可視化需求方面有所不同。新版 Gantt v9.0 提供了三種顯示基線的選項，由新的gantt.config.baselines.render_mode配置控制：

與任務在同一行顯示基線

如果需要在有任務條的同一行顯示基線，則該模式指定如下：

gantt.config.baselines.render_mode = “ taskRow ”；

>在任務下方的單獨子行上顯示基線

要在每個任務下方的單個子行上呈現所有基線，請啟用以下模式：

>顯示每個基線的單獨子行

如果您需要更清晰的視圖，可以配置單獨的子行來顯示基線：

• 數據處理器對基線的支持

DHTMLX Gantt v9.0 引入了DataProcessor對基線的支持。從技術角度來看，當甘特圖中的基線更新時，DataProcessor 會自動捕獲更改，確保與項目后端無縫同步。

內置顯示截止日期和限制

跟蹤截止日期和了解任務限制對于及時交付項目至關重要。DHTMLX Gantt 9.0 帶有內置的截止日期和限制可視化功能，可增強最終用戶有效管理項目時間表的能力。

• 截止日期可視化

在 9.0 版本中，我們的甘特圖組件開始支持task.deadline字段。指定后，它會在圖表上顯示一個視覺指示器，從而簡化任務截止日期的跟蹤。

• 自動調度模式下約束可視化

從 v9.0 開始，當啟用自動調度的約束模式時，甘特圖將直接在時間軸中顯示約束元素。此功能旨在識別具有特定調度約束的任務，確保在項目規劃期間考慮到依賴關系和限制。

通過此附加功能，最終用戶可以快速確認指定的任務約束在自動調度模式下正常工作。

時間標尺貼紙

在甘特圖時間軸中管理復雜工作流程時，保持時間刻度可見非常有用。否則，當時間刻度標簽移出屏幕時，用戶可能會感到困惑并誤解截止日期或時間范圍。

為了降低此類問題的風險，DHTMLX Gantt 9.0 為時間刻度提供了粘性標簽，確保標簽跟隨視口并保持可見，直到它們自然滾動。粘性標簽還可以確保甘特圖具有更好的可讀性和導航性。

默認情況下，所有單元格寬度明顯大于標簽寬度的刻度都會啟用粘性標簽。可以使用刻度對象的sticky屬性自定義此行為：

設置sticky: true以始終啟用粘性標簽，無論單元格寬度如何。

設置sticky: false來針對特定比例禁用此功能。

總體而言，粘性標簽有助于更好地管理甘特圖中的工作流和組織任務。

以上就是 DHTMLX Gantt 9.0 中新增的功能。我們希望此更新能幫助您構建更具視覺吸引力和用戶友好的甘特圖并提升您的項目管理應用程序。

如需了解更多產品資訊，歡迎咨詢“”！