1. 程式人生 > 其它 >1、Export to PDF and PNG

1、Export to PDF and PNG

  • 官網連結
https://docs.dhtmlx.com/gantt/desktop__export.html#customstylefortheoutputfile
  • 匯出引數列表
引數名 引數型別及註釋
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 的線上匯出限制,並且可能無法以這種方式匯出。在這種情況下,您需要在本地安裝匯出服務並增加請求大小。