1、导出为PDF和PNG
要将甘特图导出为PDF文档,请执行以下步骤:
2、导出为 PNG
要将甘特图导出为PNG图像,请执行以下步骤:
3、输出文件的名称
要为输出文件设置自定义名称,请使用exportToPDF/exportToPNG方法的参数中的name属性:
gantt.exportToPDF({ name:"my_beautiful_gantt.pdf" });
4、输出文件的语言
默认情况下,甘特图将以页面上显示的相同语言导出。
要为输出文件设置自定义语言,请使用exportToPDF/exportToPNG方法的参数中的locale属性:
gantt.exportToPDF({ name:"mygantt.pdf", locale:"de" });
5、要导出的数据
要设置应在输出PDF或PNG文件中显示的任务,请使用以下方法之一:
指定输出任务的日期范围
要设置将在输出文档中显示的任务范围,请使用exportToPDF/exportToPNG方法的参数中的start、end属性:
gantt.exportToPDF({ name:"mygantt.pdf", start:"01-04-2013", end:"11-04-2013" });
设置要导出的自定义数据源
要使用自定义数据集(即不使用初始甘特图中显示的数据)导出甘特图,请使用exportToPDF/exportToPNG方法的参数中的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"} ] } });
6、输出甘特图的皮肤
默认情况下,甘特图将使用与页面上显示的相同的皮肤导出。
要为输出PNG或PDF文件设置不同的外观,请使用exportToPDF/exportToPNG方法的参数中的外观属性:
gantt.exportToPDF({ name:"mygantt.pdf", skin:"material" });
7、输出文件的页眉/页脚
要向输出 PNG 或 PDF 文件添加页眉/页脚,请使用exportToPDF/exportToPNG方法的参数中的页眉/页脚属性:
gantt.exportToPDF({ name:"mygantt.pdf", header:"My company
", footer:"Bottom line
" });
8、输出文件的自定义样式
要为甘特图应用自定义样式,请为样式表提供自定义 CSS 类:
gantt.exportToPDF({ name:"calendar.pdf", header:'' });
gantt.exportToPDF({ name:"calendar.pdf", header:'' });
请注意,上述解决方案适用于全局HTTP引用。如果您在Intranet/本地环境中指定了 CSS 类,则可以嵌入所有样式,如下所示:
gantt.exportToPDF({ header:"" });
9、导出自定义标记和样式
默认情况下,甘特图是根据指定的配置和加载的数据导出的,而不导出自定义元素和一些模板。要使用所有自定义元素按原样导出整个甘特图标记,您可以在exportToPDF/exportToPNG方法的参数中设置raw:true属性。
gantt.exportToPDF({ raw:true });
请注意,自定义元素需要提供自定义样式才能正确显示。
了解更多DhtmlxGantt相关内容,请锁定本套系列教程。