web-dev-qa-db-ja.com

divの幅と高さを埋めるためのGoogleグラフのサイズ設定

Googleグラフを使い始めたばかりで、利用可能なスペースを埋める折れ線グラフを作成しようとしています。グラフが特定のアスペクト比でロックされているようですが、グラフとグラフdiv要素の高さと幅のプロパティを何に変更しても、結果は私の寸法と一致しません。

Googleチャートはそのように修正されていますか、それとも私が欠けているオーバーライドまたはアスペクト比のオプションがありますか?

ここに例があります:

http://www.walkingcarpet.net/graphs/unemployment-rate/

ありがとう!

8
Tom

このCodePen は、GoogleChartsをレスポンシブにする例を示しています。具体的には、チャートはresizeに再描画されます。

$(window).resize(function(){
  drawChart1();
  drawChart2();
});
0
Ouroborus