1、Export to PDF and PNG
阿新 • • 發佈:2021-10-29
- 官網連結
- 匯出引數列表
引數名 | 引數型別及註釋 | |
name | 輸出檔案的檔名稱 | |
skin | (‘terrace’, ‘skyblue’, ‘meadow’, ‘broadway’) 匯出甘特圖的面板選項 | |
locale | 設定將在輸出甘特圖中使用的語言 | |
start | 置將在輸出甘特圖中顯示的資料範圍的開始日期。日期格式由date_format配置定義 | |
end |
設定將在輸出甘特圖中顯示的資料範圍的結束日期。日期格式由 |
|
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 的線上匯出限制,並且可能無法以這種方式匯出。在這種情況下,您需要在本地安裝匯出服務並增加請求大小。