dhtmlxGantt是用于跨瀏覽器和跨平臺應(yīng)用程序的功能齊全的Gantt圖表?？蓾M足項(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試用版

導(dǎo)出到MS Project

甘特組件允許將鏈接，任務(wù)和資源導(dǎo)出到MS Project中。

要將數(shù)據(jù)從甘特圖導(dǎo)出到MS Project，請執(zhí)行以下操作：

• 在頁面上包含“ //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">

• 調(diào)用exportToMSProject方法以從甘特圖導(dǎo)出數(shù)據(jù)。

gantt.exportToMSProject();

響應(yīng)

響應(yīng)將包含以下結(jié)構(gòu)的JSON：

{
   data: {},
   config: {},
   resources: [],
   worktime: {}
}

• 數(shù)據(jù)-甘特?cái)?shù)據(jù)對象。每個(gè)任務(wù)具有以下屬性：id，open，parent，progress，start_date，text，resource。日期以“％Y-％m-％d％H：％i”格式進(jìn)行字符串化。
• 配置-甘特配置有從項(xiàng)目文件中檢索設(shè)置對象。
• resources-資源的數(shù)組（代表每個(gè)對象具有以下屬性：{ id：字符串，name：string，type：string }），它們表示項(xiàng)目文件中的資源列表。
• 工作時(shí)間-包含從項(xiàng)目日歷的工作時(shí)間設(shè)置的對象。

所述exportToMSProject（）方法作為一個(gè)參數(shù)的對象與多個(gè)屬性（所有屬性是可選的）：

• name- （string）獲得的文件（“gantt.xml”默認(rèn)）的名稱。

gantt.exportToMSProject({
    name:'custom.xml'
});

• auto_scheduling-（布爾值）指示導(dǎo)出項(xiàng)目中任務(wù)的計(jì)劃模式。true會將任務(wù)標(biāo)記為自動(dòng)調(diào)度，false會將任務(wù)標(biāo)記為手動(dòng)調(diào)度（默認(rèn)狀態(tài)）。

gantt.exportToMSProject({
    auto_scheduling: false
});

• skip_circular_links-（布爾值）指示是否將刪除循環(huán)鏈接（true-將被刪除（默認(rèn)模式），false-將不會被刪除）。

gantt.exportToMSProject({
    skip_circular_links: false
});

• project-（object）允許為導(dǎo)出的項(xiàng)目實(shí)體設(shè)置自定義屬性

gantt.exportToMSProject({
    project: {
        'Author': 'I am!',
        'MinutesPerDay': function () {
            return gantt.config.hours_per_day * 60;
        }
    }
});

• tasks-（object）允許為導(dǎo)出的任務(wù)項(xiàng)設(shè)置自定義屬性

gantt.exportToMSProject({
   tasks: {
       'StartVariance': function (task) {
           if (task.startVariance)
               return task.startVariance;
           else
               return 0;
       },
       'PercentWorkComplete': function (task) {
           return (task.progress + 0.1);
       },
       'Custom': function (task) {
           return 'Custom value';
       },
       'Custom 2': 'My Custom value'
   }
});

• callback-（函數(shù)）如果要接收下載下載生成的XML的URL，則可以使用callback屬性。它接收到具有url屬性的JSON對象：

gantt.exportToMSProject({
    callback: function(res){
        alert(res.url);
    }
});

• 資源-（數(shù)組）允許將資源列表導(dǎo)出到MS Project文件中

gantt.exportToMSProject({
  resources: [
    {"id":"1","name":"John","type":"work"},
    {"id":"2","name":"Mike","type":"work"},
    {"id":"3","name":"Anna","type":"work"}
  ]
});

var users = [// resources
  {key:'0', label: "N/A"},
  {key:'1', label: "John"},
  {key:'2', label: "Mike"},
  {key:'3', label: "Anna"}
];
 
gantt.exportToMSProject({
  resources: users
     .filter(function(u){
        if(u.key === '0')//skip the default option 
           return false;
        return true;
     })
     .map(function(u){
        return {
           id: u.key,
           name: u.label,
           type: "work"
        };
     }),
  tasks: {
     ResourceAssignments: function(task){  
        return task.user;                  
     }                                     
  }
});

tasks: {
    ResourceAssignments: function(task){
        return [task.user, task.office];
    }
}

• 服務(wù)器-（字符串）請求的API端點(diǎn)。可以與導(dǎo)出服務(wù)的本地安裝一起使用。默認(rèn)值為//export.dhtmlx.com/gantt。

gantt.exportToMSProject({
   server:"http://myapp.com/myexport/gantt"
});

為了轉(zhuǎn)換XML或MPP MS Project文件，您需要將以下請求發(fā)送到導(dǎo)出服務(wù)：

• 請求網(wǎng)址-https: //export.dhtmlx.com/gantt
• 請求方法-POST
• 內(nèi)容類型-多部分/表單數(shù)據(jù)

• 文件-MPP或XML MS Project文件
• 類型-“ msproject-parse”
• 數(shù)據(jù)-（可選）帶有設(shè)置的JSON字符串

<form action="http://export.dhtmlx.com/gantt" method="POST" 
    enctype="multipart/form-data">
    <input type="file" name="file" />
    <input type="hidden" name="type" value="msproject-parse">
    <button type="submit">Get</button>
</form>

gantt.importFromMSProject({
    data: file,
    taskProperties: ["Notes", "Name"],
    callback: function (project) {
        if (project) {
            gantt.clearAll();
            if (project.config.duration_unit) {
                gantt.config.duration_unit = project.config.duration_unit;
            }                    
            gantt.parse(project.data);
        }
     }
});

響應(yīng)

響應(yīng)將包含以下結(jié)構(gòu)的JSON：

{
   data: {},
   config: {},
   resources: [],
   worktime: {}
}

• 數(shù)據(jù)-甘特?cái)?shù)據(jù)對象。每個(gè)任務(wù)具有以下屬性：id，open，parent，progress，start_date，text，resource。日期以“％Y-％m-％d％H：％i”格式進(jìn)行字符串化。
• 配置-甘特配置有從項(xiàng)目文件中檢索設(shè)置對象。
• 資源-對象的數(shù)組（每個(gè)對象具有以下屬性：{ id：string，name：string，type：string }，代表項(xiàng)目文件中的資源列表。
• 工作時(shí)間-包含從項(xiàng)目日歷的工作時(shí)間設(shè)置的對象。

設(shè)置持續(xù)時(shí)間單位
要設(shè)置預(yù)期的持續(xù)時(shí)間單位，還可以將durationUnit（“分鐘”，“小時(shí)”，“天”，“周”，“月”，“年”）字符串發(fā)送到服務(wù)器。

<form action="http://export.dhtmlx.com/gantt" method="POST" 
    enctype="multipart/form-data">
    <input type="file" name="file" />
    <input type="hidden" name="type" value="msproject-parse">
    <input type="hidden" name="data" 
        value="{ \"durationUnit\": \"hour\" }" />
    <button type="submit">Get</button>
</form>

gantt.importFromMSProject({
    data: file,
    durationUnit: "hour",
    callback: function(project){}
});

要獲取項(xiàng)目字段，可以將帶有一系列必需字段的projectProperties輸入發(fā)送到服務(wù)器。它將Project實(shí)體的任意屬性提取 到輸出的config屬性中。這是受支持的屬性的列表。

• projectProperties-指定應(yīng)放入響應(yīng)中的項(xiàng)目屬性數(shù)組。

<form action="http://export.dhtmlx.com/gantt" method="POST" 
    enctype="multipart/form-data">
    <input type="file" name="file" />
    <input type="hidden" name="type" value="msproject-parse">
    <input type="hidden" name="data" 
        value="{ \"projectProperties\": [\"Author\", \"Title\"] }" />
    <button type="submit">Get</button>
</form>

gantt.importFromMSProject({
    data: file,
    durationUnit: "hour",
    projectProperties: ["Author", "Title"],
    callback: function(project){
        var config = project.config;
        alert(config.$custom_properties.Author);
    }
});

要獲取任務(wù)字段，可以將帶有一系列必需字段的taskProperties輸入發(fā)送到服務(wù)器。它提取Task實(shí)體的任意屬性。這是受支持的屬性的列表：

• taskProperties-指定要導(dǎo)入的其他任務(wù)屬性的數(shù)組。

<form action="http://export.dhtmlx.com/gantt" method="POST" 
    enctype="multipart/form-data">
    <input type="file" name="file" />
    <input type="hidden" name="type" value="msproject-parse">
    <input type="hidden" name="data" 
        value="{ \"taskProperties\": [\"Contact\", \"Priority\"] }" />
    <button type="submit">Get</button>
</form>

gantt.importFromMSProject({
    data: file,
    durationUnit: "hour",
    taskProperties: ["Contact", "Priority"],
    callback: function(project){
        var config = project.config;
        alert(config.$custom_properties.Author);
        gantt.parse(project.data);
    }
});
gantt.attachEvent("onTaskLoading", function(task) {
    if (task.$custom_data) {
        task.contact = task.$custom_data["Contact"];
        task.priority = task.$custom_data["priority"];
        delete task.$custom_data;
    }
    return true;
});

MSProject導(dǎo)出/導(dǎo)入服務(wù)有兩個(gè)API端點(diǎn)：

• //export.dhtmlx.com/gantt-提供所有導(dǎo)出方法（ exportToPDF， exportToPNG， exportToMSProject等）的默認(rèn)端點(diǎn)。請求的最大大小為10 MB。
• //export.dhtmlx.com/gantt/project-專用于MS Project服務(wù)的終結(jié)點(diǎn)（僅exportToMSProject / importFromMSProject）。最大請求大?。?0 MB。

gantt.importFromMSProject({
    server:"http://export.dhtmlx.com/gantt",
    data: file,
    callback: function(project){
       // some logic
    }
});

gantt.importFromMSProject({
    data: file,
    callback: function(project){
       // some logic
    }
});

gantt.importFromMSProject({
    server:"http://export.dhtmlx.com/gantt/project",
    data: file,
    callback: function(project){
       // some logic
    }
});

任何其他方法，例如gantt.exportToPDF（{server：“ //export.dhtmlx.com/gantt/project”}）都應(yīng)返回服務(wù)器錯(cuò)誤。

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

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

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

jQuery Gantt Package：基于HTML5 / jQuery的跨平臺jQuery Gantt包

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

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