想要購買dhtmlxDiagram正版授權，或了解慧都APS系統請點擊

dhtmlxGantt是用于跨瀏覽器和跨平臺應用程序的功能齊全的Gantt圖表。可滿足項目管理應用程序的所有需求，是最完善的甘特圖圖表庫。它允許你創建動態甘特圖，并以一個方便的圖形化方式可視化項目進度。有了dhtmlxGantt，你可以顯示活動之間的依賴關系，顯示具有完成百分比陰影的當前任務狀態以及組織活動到樹結構。

點擊下載dhtmlxGantt試用版

從版本5.0開始，Gantt提供了指定可配置布局并將組件的元素安排為布局內部視圖的可能性。它允許您使用其他時間軸和網格來制作靈活的甘特圖結構并定義各種布置元素的方案。

例如，您可以在時間線的右側放置一個網格：

或在默認網格下方添加另一個網格和時間線。

通過gantt.config.layout配置選項設置布局。布局的默認配置如下：

gantt.config.layout = {
    css: "gantt_container",
    rows:[
        {
           cols: [
            {
              // the default grid view  
              view: "grid",  
              scrollX:"scrollHor", 
              scrollY:"scrollVer"
            },
            { resizer: true, width: 1 },
            {
              // the default timeline view
              view: "timeline", 
              scrollX:"scrollHor", 
              scrollY:"scrollVer"
            },
            {
              view: "scrollbar", 
              id:"scrollVer"
            }
        ]},
        {
            view: "scrollbar", 
            id:"scrollHor"
        }
    ]
}

甘特圖的布局由被視圖占據的單元格組成。主要和輔助甘特元素由視圖呈現，它們是：

• grid-定義甘特圖的網格部分。預定義的用于顯示任務的主網格具有id：“ grid” ;
• 時間線-定義甘特圖的時間線部分。預定義的用于顯示任務的主時間軸具有ID：“ timeline”；
• 調整大小-定義調整大小行。要啟用調整器，您需要將resizer屬性設置為true。僅在PRO版中提供;
• 滾動條-定義甘特圖中使用的滾動條。網格和時間軸視圖可以綁定到特定的滾動條。閱讀下面的詳細信息。
• resourceGrid-資源面板的預配置網格。僅在PRO版本中可用。
• resourceTimeline-資源面板的預配置時間線。僅在PRO版本中可用。

視圖配置被指定為具有相應屬性的對象。您可以為網格視圖和時間軸視圖設置自定義配置選項。默認選項來自全局gantt.config對象。

下一節內容中我們將繼續講解如何設置滾動條！

想要購買dhtmlxDiagram正版授權，或了解慧都APS系統請點擊