wkhtmltopdf chartjs

miguel.jiang 發布于2019-08-23 16:45 / 3494人閱讀

摘要：背景前文提到了項目中引用了，幾經嘗試一度以為它們互不兼容。終于還是找到了它們配合的點。如果影響頁面顯示，建議給導出多帶帶做一個頁面。表格過寬導致顯示被截斷，是由于設置了樣式，將其調整為默認即可。所以就沒有繼續解決。

背景

前文提到了項目中引用了https://www.chartjs.org/，幾經嘗試一度以為它們互不兼容。百度谷歌了許久，又自己嘗試了多次。終于還是找到了它們配合的點。

wkhtmltopdf

這里面使用的版本必須是https://github.com/wkhtmltopdf/wkhtmltopdf/releases/0.12.2.1

chartjs

好多文章說chartjs必須使用2.6.0版本，但是實測2.5.x和2.7.x都可以通過。下面是一個可以成功在pdf中顯示的代碼示例：



    chartJS PDF

樣式調整

在實際導出時會遇到div間出現了半頁的空白，這是由于div設置了overflow-x:visible樣式，將其調整為默認即可。如果影響頁面顯示，建議給導出多帶帶做一個頁面。

表格過寬導致顯示被截斷，是由于設置了white-space:nowrap樣式，將其調整為默認即可。如果影響頁面顯示，建議給導出多帶帶做一個頁面。

表格的內容過多大于一頁時會出現在第二頁的第一行重復顯示標題且與第一行重疊。這里需要設置table樣式thead, tfoot {display: table-row-group;}

表格的內容過多大于一頁時會偶現一行內容被從中間截斷，上下頁各顯示半行，體驗特別不好。這里需要使用wkhtmltopdf的選項：

wkhtmltopdf --margin-top 10mm --margin-bottom 10mm https://www.baidu.com baidu.pdf

另外，建議開啟打印模式，開啟打印模式后，表格的奇偶行標色會失效，嘗試了一段時間無果后點開chrome的打印預覽看一下也會失效。所以就沒有繼續解決。

wkhtmltopdf --print-media-type --margin-top 10mm --margin-bottom 10mm --lowquality https://www.baidu.com baidu.pdf

GPU云服務器云服務器 ChartJS wkhtmltopdf

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103242.html

wkhtmltopdf chartjs

摘要：背景前文提到了項目中引用了，幾經嘗試一度以為它們互不兼容。終于還是找到了它們配合的點。如果影響頁面顯示，建議給導出單獨做一個頁面。表格過寬導致顯示被截斷，是由于設置了樣式，將其調整為默認即可。所以就沒有繼續解決。背景前文提到了項目中引用了https://www.chartjs.org/，幾經嘗試一度以為它們互不兼容。百度谷歌了許久，又自己嘗試了多次。終于還是找到了它們配合的點。 ...

opengps 2019-08-02 16:11 評論0 收藏0
wkhtmltopdf chartjs

摘要：背景前文提到了項目中引用了，幾經嘗試一度以為它們互不兼容。終于還是找到了它們配合的點。如果影響頁面顯示，建議給導出單獨做一個頁面。表格過寬導致顯示被截斷，是由于設置了樣式，將其調整為默認即可。所以就沒有繼續解決。背景前文提到了項目中引用了https://www.chartjs.org/，幾經嘗試一度以為它們互不兼容。百度谷歌了許久，又自己嘗試了多次。終于還是找到了它們配合的點。 ...

Simon_Zhou 2019-08-30 15:43 評論0 收藏0
初識wkhtmltopdf

摘要：背景最近接到一個客戶需求，要求將學生的考試結果分析表格和圖表導出到。本著最好不要額外安裝軟件的原則，搜索過后分別嘗試了等等。但是實現效果都與預期差距較大。它們是開源命令行工具，使用渲染引擎將呈現為和各種圖像格式。它們不需要顯示或顯示服務。背景最近接到一個客戶需求，要求將學生的考試結果分析表格和圖表導出到PDF。表格使用的是普通的table，圖表引用了https://www.char...

Towers 2019-08-02 16:11 評論0 收藏0
初識wkhtmltopdf

摘要：背景最近接到一個客戶需求，要求將學生的考試結果分析表格和圖表導出到。本著最好不要額外安裝軟件的原則，搜索過后分別嘗試了等等。但是實現效果都與預期差距較大。它們是開源命令行工具，使用渲染引擎將呈現為和各種圖像格式。它們不需要顯示或顯示服務。背景最近接到一個客戶需求，要求將學生的考試結果分析表格和圖表導出到PDF。表格使用的是普通的table，圖表引用了https://www.char...

April 2019-08-30 15:43 評論0 收藏0
初識wkhtmltopdf

摘要：背景最近接到一個客戶需求，要求將學生的考試結果分析表格和圖表導出到。本著最好不要額外安裝軟件的原則，搜索過后分別嘗試了等等。但是實現效果都與預期差距較大。它們是開源命令行工具，使用渲染引擎將呈現為和各種圖像格式。它們不需要顯示或顯示服務。背景最近接到一個客戶需求，要求將學生的考試結果分析表格和圖表導出到PDF。表格使用的是普通的table，圖表引用了https://www.char...

wushuiyong 2019-08-23 16:44 評論0 收藏0