2

对于我的博客（http://ios-blog.co.uk），我使用 wkhtml：https ://code.google.com/p/wkhtmltopdf/将带有分析数据的页面转换为 pdf。该图由 Google Graphs API 生成。（https://google-developers.appspot.com/chart/interactive/docs/quick_start）

这是生成图表的代码：

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);

在网页上，图像出来如下：

一只忙碌的猫 http://markpetherbridge.co.uk/graph/graphLarge.png ![Google Graph Large][1]

然而，在生成的 PDF 上，图表显示如下：

一只忙碌的猫 http://markpetherbridge.co.uk/graph/graphSmall.png ![Google Graph Small][2]

如您所见，图像没有被压扁，它似乎遗漏了“x”轴之外的东西并使图形变小。

任何人都可以对此有所了解吗？

4

1 回答 1

2

我遇到了同样的问题，我所做的是在您尝试转换的 html 文档中压缩 body 标记的宽度，保持 char div 相同。

我设置的body标签宽度：body { width: 795px !important; }

并将 Javascript 中的图表 div 和 ChartArea 保持为 1200px chartArea:{width:1200,height:300}

我希望这有帮助！

于 2014-01-29T15:26:46.617 回答