Javascript 使用wkhtmltopdf时挤压Google图形

Javascript 使用wkhtmltopdf时挤压Google图形,javascript,graph,Javascript,Graph,在我的博客()中,我使用wkhtml:将包含分析数据的页面转换为pdf。该图由GoogleGraphsAPI生成。() 这是生成图形的代码: var options = { series: { 0: {targetAxisIndex: 0}, 1: {targetAxisIndex: 1}

在我的博客()中,我使用wkhtml:将包含分析数据的页面转换为pdf。该图由GoogleGraphsAPI生成。()

这是生成图形的代码:

var options = {
                        series: {
                            0: {targetAxisIndex: 0},
                            1: {targetAxisIndex: 1}
                        },
                        vAxes:{
                            0: {title: 'Impressions', minValue: 0},
                            1: {title: 'Clicks', minValue: 0}
                        }
                    };

                    var chart = new google.visualization.LineChart(document.getElementById('chartContainer'));
                    chart.draw(data, options);
在网页上,图像显示为:

![谷歌大图][1]

但是,在生成的PDF上,图形显示为:

![googlegraph Small][2]

如您所见,图像没有被挤压,它似乎缺少了“x”轴上的内容,并使图形变小


有人能解释一下吗?

我遇到了同样的问题,我所做的是压缩要转换的html文档中body标记的宽度,保持char div不变

我设置为的主体标记宽度: 正文{宽度:795px!重要;}

并将Javascript中的chart div和ChartArea保持为1200px 图表区域:{宽度:1200,高度:300}

我希望这有帮助