Googleグラフを使い始めたばかりで、利用可能なスペースを埋める折れ線グラフを作成しようとしています。グラフが特定のアスペクト比でロックされているようですが、グラフとグラフdiv要素の高さと幅のプロパティを何に変更しても、結果は私の寸法と一致しません。
Googleチャートはそのように修正されていますか、それとも私が欠けているオーバーライドまたはアスペクト比のオプションがありますか?
ここに例があります:
http://www.walkingcarpet.net/graphs/unemployment-rate/
ありがとう!
このCodePen は、GoogleChartsをレスポンシブにする例を示しています。具体的には、チャートはresize
に再描画されます。
$(window).resize(function(){
drawChart1();
drawChart2();
});