1

仕事でGoogleチャート機能を実装していますが、一般的には非常にうまく機能しています。

今、チャートにバグがあることに気づきました。グラフの左側 (具体的には、y 軸のテキストが途切れています。

現時点では、私の Google チャートの幅は 460px ですが、firebug でチャートを見ると、チャートの svg-tag が正しく幅 460 に設定されていることがわかりますが、実際には 472px 幅です (結果として、下の画像で確認できます）。

http://i.imgur.com/uAuD7.png

面白いことに、より大きなディスプレイ (fx. 600px 幅) では、問題なく動作します。また、javascript に yAxis タイトルを挿入すると、同様に機能します。

この問題を解決する方法はわかりませんが、同じ問題に遭遇し、解決策または修正が得られたことを願っています。

firebug レイアウトをオンにして撮影した、グラフを描画するための通常の div の写真

Google チャートの svg タグの画像 (要素が他の要素よりも大きく、親要素 (div) より左側に多くのスペースを使用していることに注意してください)。

どちらもここにあります：

http://imgur.com/8owiA,SsgM2#0

よろしく、マーティン。

4

1 に答える 1

0

問題は、Googleチャートがフォントサイズを考慮してチャート内の位置とサイズを計算することでした。

私のcssは、Googleチャートが使用していた「自動」フォントサイズ（私の場合は12px）を上書きし、cssには13pxのフォントサイズがありました。

解決策は、指定された「テキスト」CSS パス (この場合: svg ggg テキスト) を取得し、テキストを 12px (.css ファイル内) にすることです。

または、次のように、GoogleチャートのjavascriptでCSSに関連して正しいフォントサイズを設定するだけです:

vAxis: {textStyle: {fontSize: 13}}
于 2013-01-18T08:34:50.017 に答える