1、Export to PDF and PNG

  • 导出参数列表
参数名
参数类型及注释
name
输出文件的文件名称
skin
(‘terrace’, ‘skyblue’, ‘meadow’, ‘broadway’) 导出甘特图的皮肤选项
locale
设置将在输出甘特图中使用的语言
start
置将在输出甘特图中显示的数据范围的开始日期。日期格式由date_format配置定义
end
设置将在输出甘特图中显示的数据范围的结束日期。日期格式由date_format配置定义
data
设置将在输出甘特图中显示的自定义数据源
header
指定将添加到输出 PDF 图像的标题。请注意，您可以在此处使用任何 HTML
footer
指定将添加到输出 PDF 图像的页脚。请注意，您可以在此处使用任何 HTML
server
设置请求的 API 端点。可与导出服务的本地安装一起使用。默认值为https://export.dhtmlx.com/gantt
raw
定义所有甘特图标记将按原样导出，包含所有自定义元素。默认为假。
additional_settings
format
输出文件的格式：'A3', 'A4', 'A5', 'Legal', 'Letter', 'Tabloid'
Landscape 
输出文件的纵向或横向。该属性仅在指定了“格式”属性时才起作用。
width 
输出页面的宽度。导出多个页面时使用该属性。
height 
输出页面的高度。导出多个页面时使用该属性。
  
 1 gantt.exportToPDF({
 2     name:"mygantt.pdf",
 3     header:"<h1>My company</h1>",
 4     footer:"<h4>Bottom line</h4>",
 5     locale:"en",
 6     start:"01-04-2013",
 7     end:"11-04-2013",
 8     skin:'terrace',
 9     data:{ },
10     server:"https://myapp.com/myexport/gantt",
11     raw:true
12 });
13  
14 gantt.exportToPNG({
15     name:"mygantt.png",
16     header:"<h1>My company</h1>",
17     footer:"<h4>Bottom line</h4>",
18     locale:"en",
19     start:"01-04-2013",
20     end:"11-04-2013",
21     skin:'terrace',
22     data:{ },
23     server:"https://myapp.com/myexport/gantt",
24     raw:true
25 });

Tips: 在header里面写style gantt样式 需要写上!important ，不然gantt 原生的样式可能覆盖不了。

  
1 gantt.exportToPDF({
2     raw:true
3 });

注意使用这种模式会增加API请求的大小。大型图表可以超过 10MB 的在线导出限制，并且可能无法以这种方式导出。在这种情况下，您需要在本地安装导出服务并增加请求大小。

posted @ 2021-10-29 17:31  你在说啥  阅读(274)  评论(0)    收藏  举报