dhtmlxGantt是用于跨瀏覽器和跨平臺(tái)應(yīng)用程序的功能齊全的Gantt圖表。可滿足項(xiàng)目管理應(yīng)用程序的所有需求，是最完善的甘特圖圖表庫。它允許你創(chuàng)建動(dòng)態(tài)甘特圖，并以一個(gè)方便的圖形化方式可視化項(xiàng)目進(jìn)度。有了dhtmlxGantt，你可以顯示活動(dòng)之間的依賴關(guān)系，顯示具有完成百分比陰影的當(dāng)前任務(wù)狀態(tài)以及組織活動(dòng)到樹結(jié)構(gòu)。

點(diǎn)擊下載dhtmlxGantt試用版

dhtmlxGantt提供了一種在線導(dǎo)出服務(wù)，可讓您將甘特圖導(dǎo)出為PDF或 PNG格式。

該服務(wù)是免費(fèi)的，但是根據(jù)GPL許可，輸出的PDF / PNG文件將包含圖書館的水印。如果您購買了許可證，則在有效的支持期內(nèi)（商業(yè)和企業(yè)許可證為12個(gè)月），導(dǎo)出結(jié)果將不加水印。

使用出口服務(wù)

有幾種可用的導(dǎo)出服務(wù)。您可以將它們安裝在計(jì)算機(jī)上，然后將甘特圖導(dǎo)出為本地PDF或PNG。

請(qǐng)注意，Gantt軟件包中未包含導(dǎo)出服務(wù)，請(qǐng)閱讀相應(yīng)的文章以了解使用它們的條款。

請(qǐng)求大小限制

有一個(gè)通用的API端點(diǎn)//export.dhtmlx.com/gantt，可用于所有導(dǎo)出方法（exportToPDF，exportToPNG，exportToMSProject等）。請(qǐng)求的最大大小為10 MB。

還有一個(gè)單獨(dú)的API端點(diǎn)//export.dhtmlx.com/gantt/project，專門用于MSProject導(dǎo)出/導(dǎo)入服務(wù) （僅exportToMSProject / importFromMSProject）。最大請(qǐng)求大小：40 MB。

導(dǎo)出為PDF

要將甘特圖導(dǎo)出為PDF文檔，請(qǐng)執(zhí)行以下步驟：

1.在頁面上包含“ //export.dhtmlx.com/gantt/api.js”文件以啟用在線導(dǎo)出服務(wù)：

<script src="codebase/dhtmlxgantt.js"></script>
<script src="http://export.dhtmlx.com/gantt/api.js"></script>  
<link rel="stylesheet" href="codebase/dhtmlxgantt.css" type="text/css">

<input value="Export to PDF" type="button" onclick='gantt.exportToPDF()'>
<script>
    gantt.init("gantt_here");
    gantt.parse(demo_tasks);
</script>

導(dǎo)出到PNG

1.在頁面上包含“ //export.dhtmlx.com/gantt/api.js”文件以啟用在線導(dǎo)出服務(wù)：

<script src="codebase/dhtmlxgantt.js"></script>
<script src="http://export.dhtmlx.com/gantt/api.js"></script>  
<link rel="stylesheet" href="codebase/dhtmlxgantt.css" type="text/css">

<input value="Export to PNG" type="button" onclick='gantt.exportToPNG()'>
<script>
    gantt.init("gantt_here");
    gantt.parse(demo_tasks);
</script>

的exportToPDF和exportToPNG方法采取作為一個(gè)參數(shù)與多個(gè)屬性（所有屬性是可選的）相同的對(duì)象：

名稱 （字符串）輸出文件的名稱
皮膚 （字符串）輸出甘特圖的外觀
地區(qū) （string）設(shè)置將在輸出甘特圖中使用的語言
開始 （字符串）設(shè)置將在輸出甘特圖中顯示的數(shù)據(jù)范圍的開始日期。日期格式由date_format配置定義
結(jié)束 （字符串）設(shè)置將在輸出甘特圖中顯示的數(shù)據(jù)范圍的結(jié)束日期。日期格式由date_format配置定義
數(shù)據(jù) （對(duì)象）設(shè)置一個(gè)自定義數(shù)據(jù)源，該數(shù)據(jù)源將在輸出甘特圖中顯示
標(biāo)頭 （字符串）指定將添加到輸出PDF圖像的標(biāo)題。注意，您可以在此處使用任何HTML
頁腳 （字符串）指定將添加到輸出PDF圖像的頁腳。注意，您可以在此處使用任何HTML
服務(wù)器 （字符串）設(shè)置請(qǐng)求的API端點(diǎn)。可以與導(dǎo)出服務(wù)的本地安裝一起使用。默認(rèn)值為//export.dhtmlx.com/gantt
raw （boolean）定義將使用所有自定義元素按原樣導(dǎo)出所有甘特標(biāo)記。默認(rèn)為false。

使用可選屬性調(diào)用導(dǎo)出方法
gantt.exportToPDF({
    name:"mygantt.pdf",
    header:"<h1>My company</h1>",
    footer:"<h4>Bottom line</h4>",
    locale:"en",
    start:"01-04-2013",
    end:"11-04-2013",
    skin:'terrace',
    data:{ },
    server:"http://myapp.com/myexport/gantt",
    raw:true
});
 
gantt.exportToPNG({
    name:"mygantt.png",
    header:"<h1>My company</h1>",
    footer:"<h4>Bottom line</h4>",
    locale:"en",
    start:"01-04-2013",
    end:"11-04-2013",
    skin:'terrace',
    data:{ },
    server:"http://myapp.com/myexport/gantt",
    raw:true
});

要為輸出文件設(shè)置自定義名稱，請(qǐng)?jiān)趀xportToPDF / exportToPNG方法的參數(shù)中使用name屬性：

gantt.exportToPDF({
    name:"my_beautiful_gantt.pdf"
});

默認(rèn)情況下，甘特圖將以與頁面上顯示的語言相同的語言導(dǎo)出。

要為輸出文件設(shè)置自定義語言，請(qǐng)使用exportToPDF / exportToPNG方法的參數(shù)中的locale屬性：

gantt.exportToPDF({
    name:"mygantt.pdf",
    locale:"de" 
});

若要設(shè)置應(yīng)在輸出PDF或PNG文件中顯示的任務(wù)，請(qǐng)使用以下方法之一：

1. 指定輸出數(shù)據(jù)的日期范圍。
2. 指定用于輸出的自定義數(shù)據(jù)源。

要設(shè)置將在輸出文檔中顯示的任務(wù)范圍，請(qǐng)使用exportToPDF / exportToPNG方法的參數(shù)中的start，end屬性：

gantt.exportToPDF({
    name:"mygantt.pdf",
    start:"01-04-2013",
    end:"11-04-2013"
});

設(shè)置要導(dǎo)出的自定義數(shù)據(jù)源

要使用自定義數(shù)據(jù)集導(dǎo)出甘特圖（即不使用初始甘特圖中顯示的數(shù)據(jù)），請(qǐng)?jiān)趀xportToPDF / exportToPNG方法的參數(shù)中使用data屬性 ：

gantt.exportToPDF({
    data:{
        data:[
            {id:1, text:"Project #1", start_date:"01-04-2013", duration:18},
            {id:2, text:"Task #1", start_date:"02-04-2013",duration:8, parent:1},
            {id:3, text:"Task #2", start_date:"11-04-2013",duration:8, parent:1}
        ],
        links:[
            {id:1, source:1, target:2, type:"1"},
            {id:2, source:2, target:3, type:"0"},
            {id:3, source:3, target:4, type:"0"},
            {id:4, source:2, target:5, type:"2"}
        ]
    }
});

輸出甘特圖的外觀

默認(rèn)情況下，甘特圖將以與頁面上顯示的外觀相同的外觀導(dǎo)出。

要為輸出的PNG或PDF文件設(shè)置不同的外觀，請(qǐng)使用exportToPDF / exportToPNG方法的參數(shù)中的外觀屬性：

gantt.exportToPDF({
    name:"mygantt.pdf",
    skin:"material" 
});

要將頁眉/頁腳添加到輸出的PNG或PDF文件中，請(qǐng)使用exportToPDF / exportToPNG方法的參數(shù)中的頁眉/頁腳屬性：

注意，在指定參數(shù)時(shí)可以使用任何HTML。指定圖像時(shí)，請(qǐng)記住，需要將全局路徑設(shè)置為“ src”屬性的值

gantt.exportToPDF({
    name:"mygantt.pdf",
    header:"<h1>My company</h1>",
    footer:"<h4>Bottom line</h4>"
});

要為甘特圖應(yīng)用自定義樣式，請(qǐng)為樣式表提供自定義CSS類：
通過鏈接：

gantt.exportToPDF({
    name:"calendar.pdf",
    header:'<link rel="stylesheet"  
});

gantt.exportToPDF({
    name:"calendar.pdf",
    header:'<style>... custom css classes here ...</style>' 
});

gantt.exportToPDF({
    header:"<style>.tier1{background: red; color:white;}</style>"
});

默認(rèn)情況下，將根據(jù)指定的配置和加載的數(shù)據(jù)導(dǎo)出甘特圖，而不會(huì)導(dǎo)出自定義元素和某些模板。要使用所有自定義元素按原樣導(dǎo)出整個(gè)甘特圖標(biāo)記，可以在exportToPDF / exportToPNG方法的參數(shù)中設(shè)置raw：true屬性。

gantt.exportToPDF({
    raw:true
});

請(qǐng)注意，使用此模式會(huì)增加API請(qǐng)求的大小。大型圖表可能會(huì)超出在線導(dǎo)出10MB的限制，并且可能不會(huì)以這種方式導(dǎo)出。在這種情況下，您需要在本地安裝導(dǎo)出服務(wù)并增加請(qǐng)求大小。

關(guān)產(chǎn)品推薦：

VARCHART XGantt：支持ActiveX、.Net等平臺(tái)的C#甘特圖控件

AnyGantt：構(gòu)建復(fù)雜且內(nèi)容豐富的甘特圖的理想工具

jQuery Gantt Package：基于HTML5 / jQuery的跨平臺(tái)jQuery Gantt包

phGantt Time Package：對(duì)任務(wù)和時(shí)間的分配管理的甘特圖

APS幫助提升企業(yè)生產(chǎn)效率，真正實(shí)現(xiàn)生產(chǎn)計(jì)劃可視化呈現(xiàn)與控制,快速有效響應(yīng)不同場(chǎng)景的生產(chǎn)計(jì)劃，提高準(zhǔn)時(shí)交貨能力，提高產(chǎn)能和資源利用率