wkhtmltopdf 解决 echarts 问题

问题1:echarts图表不显示

解决方案:

显示echarts的div要设置一个高度和宽度,注意都要设置,浏览器不设置宽度能看到图,但是生成pdf不行。

问题2:echarts图表线条不完

使用wkhtmltopdf将网页转换为PDF时echarts图表线条不完整

解决方案:

原因是echarts生成图表时有一个将折线图画出来的动画效果,去掉动画效果就好了

animation: false

问题3:echarts分页问题

echart被分页一分为二,两部分分别在两个页面

wkhtmltopdf 解决 echarts 问题

解决方案:

echart在div标签中,对div标签添加 page-break-inside:avoid; 属性。如下

<style>
div{
         page-break-inside: avoid;  
     }
</style>

page-break-inside: avoid; 含义不允许在div标签中使用分页符