wkhtmltopdf 解决 echarts 问题
问题1:echarts图表不显示
解决方案:
显示echarts的div要设置一个高度和宽度,注意都要设置,浏览器不设置宽度能看到图,但是生成pdf不行。
问题2:echarts图表线条不完
使用wkhtmltopdf将网页转换为PDF时echarts图表线条不完整
解决方案:
原因是echarts生成图表时有一个将折线图画出来的动画效果,去掉动画效果就好了
animation: false
问题3:echarts分页问题
echart被分页一分为二,两部分分别在两个页面
解决方案:
echart在div标签中,对div标签添加 page-break-inside:avoid; 属性。如下
<style> div{ page-break-inside: avoid; } </style>
page-break-inside: avoid; 含义不允许在div标签中使用分页符