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

Webページでは、画像は次のようになります。

忙しい猫 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

char divを同じに保ちながら、変換しようとしているhtmlドキュメントのbodyタグの幅を圧縮するという同じ問題に遭遇しました。

私が設定した body タグの幅: body { width: 795px !important; }

そして、グラフの div と ChartArea を Javascript で 1200px に維持しました chartArea:{width:1200,height:300}

これが役立つことを願っています！

于 2014-01-29T15:26:46.617 に答える