dhtmlxGantt 库支持将甘特图数据导出到 Primavera P6,以及从 Primavera P6 导入数据到甘特图。
该服务可免费使用,但导出的文件将在 GPL 许可下包含库的水印。 购买授权后,在有效支持期内(所有 PRO 授权为 12 个月)导出文件将不再包含水印。
有多种导出服务可供本地安装在您的计算机上,允许您直接将甘特图导出到 Primavera P6。 请注意,导出服务并未与甘特图包捆绑。 有关使用条款的详细信息,请参阅相关文档。
导出服务在处理时间和请求大小上有限制。
如果导出过程超过 20 秒,将会被取消,并显示以下错误:
Error: Timeout trigger 20 seconds
当多个用户同时导出甘特图时,处理时间可能会比平时更长。然而,每个用户的导出请求计时是独立的,这是预期行为。
通用 API 端点 https://export.dhtmlx.com/gantt 处理所有导出方法(如 exportToPDF、exportToPNG、exportToMSProject 等),最大请求大小为 10 MB。
此外,还有专用 API 端点 https://export.dhtmlx.com/gantt/project 用于 MSProject 和 Primavera P6 的导出/导入服务(exportToMSProject / importFromMSProject / exportToPrimaveraP6 / importFromPrimaveraP6)。该端点支持最大请求大小为 40 MB。
对于大型甘特图的导出,提供了独立导出模块。 如果您拥有 Commercial、Enterprise 或 Ultimate 授权,则该模块免费;也可通过此链接单独购买。
有关与 MS Project 配合使用导出模块的更多信息,请参见本指南。该模块支持 MS Project 和 Primavera P6 的导出/导入。
Gantt 组件可以将链接、任务和资源导出到 Primavera P6。
要将甘特图中的数据导出到 Primavera P6,请按以下步骤操作:
gantt.plugins({
export_api: true
});
对于 8.0 之前的 Gantt 版本,您需要在页面中引入 https://export.dhtmlx.com/gantt/api.js 以启用在线导出服务,例如:
<script src="codebase/dhtmlxgantt.js"></script>
<script src="https://export.dhtmlx.com/gantt/api.js"></script>
gantt.exportToPrimaveraP6();
该方法会向远程服务发送请求,服务将生成并返回 XML Project 文件,或提供下载文件的 URL。
Related sample: Export data : MS Project, PrimaveraP6, Excel & iCal
导出数据到 Primavera 时,确保项目任务的 Summary 属性返回 true 以保证正常功能:
gantt.exportToPrimaveraP6({
tasks: {
Summary: function (task) {
return !!gantt.hasChild(task.id);
},
CustomProperty: function (task) {
return task.custom_property;
},
SlateId: function (task) {
return task.id + "";
},
}
});
Related sample: 为 WBS 任务(PrimaveraP6 的 Summary 任务)添加自定义属性
导出服务返回的响应为如下结构的 JSON 对象:
{
data: {},
config: {},
resources: [],
worktime: {}
}
exportToPrimaveraP6() 方法可接收包含若干可选属性的对象:
gantt.exportToPrimaveraP6({
name:'custom.xml'
});
gantt.exportToPrimaveraP6({
auto_scheduling: false
});
gantt.exportToPrimaveraP6({
skip_circular_links: false
});
gantt.exportToPrimaveraP6({
project: {
'Author': 'I am!',
'MinutesPerDay': function () {
return gantt.config.hours_per_day * 60;
}
}
});
这些属性对应于 Project 实体。支持属性列表见此处。属性值可以为固定值,也可以为导出时执行的函数。
gantt.exportToPrimaveraP6({
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'
}
});
这些属性与 Task 实体 相关;支持的属性列表可查阅。属性值可以为固定值,也可以为每个任务导出时调用的函数。
需要确保 start_date 和 end_date 格式为带日期和时间的字符串(%d-%m-%Y %H:%i)。
const customData = {
"data": [
{ "id": "10", "text": "Project #5", "start_date": "01-04-2025 00:00",
"duration": 3, "order": 10, "progress": 0.4, "open": true,
"end_date": "04-04-2025 00:00", "parent": 0
},
{ "id": "1", "text": "Task #67", "start_date": "02-04-2025 00:00",
"duration": 2, "order": 10, "progress": 0.6, "parent": "10",
"end_date": "04-04-2025 00:00"
},
{ "id": "2", "text": "Task #89", "start_date": "01-04-2025 00:00",
"duration": 2, "order": 20, "progress": 0.6, "parent": "10",
"end_date": "03-04-2025 00:00"
},
],
"links": [
{ "id": 1, "source": 1, "target": 2, "type": "1" },
]
}
gantt.exportToPrimaveraP6({
data: customData
});
Related sample: Gantt. 导出自定义数据
gantt.exportToPrimaveraP6({
callback: function(res){
alert(res.url);
}
});
gantt.exportToPrimaveraP6({
resources: [
{"id":"1","name":"John","type":"work"},
{"id":"2","name":"Mike","type":"work"},
{"id":"3","name":"Anna","type":"work"}
]
});
资源类型可以为 "work"、"cost" 或 "material"。资源分配通过任务配置中的 ResourceAssignments 属性指定:
var users = [// 资源
{key:'0', label: "N/A"},
{key:'1', label: "John"},
{key:'2', label: "Mike"},
{key:'3', label: "Anna"}
];
gantt.exportToPrimaveraP6({
resources: users
.filter(function(u){
if(u.key === '0')//跳过默认选项
return false;
return true;
})
.map(function(u){
return {
id: u.key,
name: u.label,
type: "work"
};
}),
tasks: {
ResourceAssignments: function(task){ return task.user; } }
});
ResourceAssignments 属性可以是一个函数,接收任务对象并返回字符串/数字或字符串/数字数组:
tasks: {
ResourceAssignments: function(task){
return [task.user, task.office];
}
}
Related sample: 将带资源的甘特图导出到 Primavera P6
gantt.exportToPrimaveraP6({
server:"https://myapp.com/myexport/gantt"
});
要转换 XML 或 XER 文件,请向导出服务发送包含以下内容的 POST 请求:
请求参数包括:
例如:
<form action="https://export.dhtmlx.com/gantt" method="POST"
enctype="multipart/form-data">
<input type="file" name="file" />
<input type="hidden" name="type" value="primaveraP6-parse">
<button type="submit">Get</button>
</form>
也可以使用 客户端 API 如下操作:
gantt.importFromPrimaveraP6({
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);
}
}
});
Related sample: Import Primavera P6 file
其中 file 应为包含 XML 或 XER 项目文件的 File 对象。
gantt.importFromPrimaveraP6 需要 HTML5 File API 的支持。
响应返回一个结构如下的 JSON 对象:
{
data: {},
config: {},
resources: [],
worktime: {}
}
你可以通过向服务器发送 durationUnit 字符串("minute"、"hour"、"day"、"week"、"month"、"year")来指定期望的工期单位。
<form action="https://export.dhtmlx.com/gantt" method="POST"
enctype="multipart/form-data">
<input type="file" name="file" />
<input type="hidden" name="type" value="primaveraP6-parse">
<input type="hidden" name="data"
value="{ \"durationUnit\": \"hour\" }" />
<button type="submit">Get</button>
</form>
或
gantt.importFromPrimaveraP6({
data: file,
durationUnit: "hour",
callback: function(project){}
});
要获取特定的项目字段,可以将 projectProperties 输入与所需字段数组一起发送到服务器。这会将项目实体中的属性提取到响应的 config 属性中。支持的属性列表可参考。
<form action="https://export.dhtmlx.com/gantt" method="POST"
enctype="multipart/form-data">
<input type="file" name="file" />
<input type="hidden" name="type" value="primaveraP6-parse">
<input type="hidden" name="data"
value="{ \"projectProperties\": [\"Author\", \"Title\"] }" />
<button type="submit">Get</button>
</form>
或
gantt.importFromPrimaveraP6({
data: file,
durationUnit: "hour",
projectProperties: ["Author", "Title"],
callback: function(project){
var config = project.config;
alert(config.$custom_properties.Author);
}
});
要导入特定任务字段,可以将 taskProperties 输入与所需字段数组一起发送到服务器。这会从 任务实体 中提取属性。支持的属性列表可参考。
<form action="https://export.dhtmlx.com/gantt" method="POST"
enctype="multipart/form-data">
<input type="file" name="file" />
<input type="hidden" name="type" value="primaveraP6-parse">
<input type="hidden" name="data"
value="{ \"taskProperties\": [\"Contact\", \"Priority\"] }" />
<button type="submit">Get</button>
</form>
或
gantt.importFromPrimaveraP6({
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;
});
以下方式可判断任务类型:标记为 Project 的任务有属性 Summary: "1"
,标记为 Milestone 的任务有属性 Milestone: "1"
。导入数据时,这些属性有助于判断任务类型。
导入函数的调用方式如下:
gantt.importFromPrimaveraP6({
data: file,
taskProperties: [
"Summary",
"Milestone",
],
callback: function (project) {
if (project) {
console.log(project)
gantt.clearAll();
if (project.config.duration_unit) {
gantt.config.duration_unit = project.config.duration_unit;
}
console.log('import: ', project.data);
gantt.parse(project.data);
}
}
});
导入后,你可以根据这些属性设置任务类型,如下所示:
gantt.attachEvent("onTaskLoading", function (task) {
if (task.$custom_data) {
if (task.$custom_data.Summary == "1") {
task.type = "project";
}
if (task.$custom_data.Milestone == "1") {
task.type = "milestone";
}
// delete task.$custom_data;
}
return true;
});
Related sample: Gantt. Import Primavera P6 files. Get task type from properties
Primavera P6 导出/导入服务有两个 API 端点:
你可以通过导出配置对象中的 server 属性指定端点:
gantt.importFromPrimaveraP6({
server:"https://export.dhtmlx.com/gantt",
data: file,
callback: function(project){
// some logic
}
});
如果未指定端点,则默认使用 https://export.dhtmlx.com/gantt。以下调用方式与上述相同:
gantt.importFromPrimaveraP6({
data: file,
callback: function(project){
// some logic
}
});
对于超过 4MB 的大型项目,可以使用第二个端点:
gantt.importFromPrimaveraP6({
server:"https://export.dhtmlx.com/gantt/project",
data: file,
callback: function(project){
// some logic
}
});
该端点支持最大 40MB 的请求,并支持 Primavera P6 的导出和导入。它专为 Primavera P6 的导出和导入而设计。
请注意,其他方法如 gantt.exportToPDF({server:"https://export.dhtmlx.com/gantt/project"}) 会导致服务器错误。
Back to top