Shulou(Shulou.com)06/02 Report--

Today, I will talk to you about the solution to the problem of wkhtmltopdf + echarts. Many people may not know much about it. In order to make you understand better, the editor has summarized the following contents for you. I hope you can get something from this article.

Wkhtmltopdf github

Wkhtmltopdf user manual

Turn on the debug--debug-javascript debugging tool

Do not support the new syntax must be like let to define variables, it is best to use var

It is best not to omit the semicolon after each statement.

To solve the problem of header overlap caused by table spread, add the following style to the tr element tag

.tr {page-break-before: always; page-break-after: always; page-break-inside: avoid;}

To start a new page of the pdf file, you can use the following ways

Echarts uses svg to initialize the pie chart, which is normal when previewed by the browser, and a shadow appears after generating pdf. Add animation:false (why use svg instead of canvas, because the pdf generated by svg is clearer)

Var emailSortChart = echarts.init (document.getElementById ('emailSort'), null, {renderer:' svg'}); var emailSortData = jsonData; var emailLegend = [], emailSeries = []; emailSortData.forEach (function (item) {var name = item ['email_from']. Length

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.