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