charts - Google ビジュアライゼーションの間隔

Question

Google Visualization API を使用して、以下のようなグラフを作成しました。私の問題は、このグラフのキーがある場所の右側 (低、中、高と表示されている場所) に余白が多すぎることです。この空白を取り除くにはどうすればよいですか？

_{(ソース: securitymonks.com )}

Answer 1

オプション変数で幅と高さのパーセンテージと幅と高さの値をいじって、凡例を 1 行として下に押し込むこともできます。次に、描画しているチャートにオプションを渡します。

var options2 = { width: 265, height: 200,
            chartArea: { left: 60, top: 20, width: "100%", height: "60%" }, 
            isStacked: true, allowHtml: true, 'legend': 'bottom', titleTextStyle: { color: 'green', fontFamily: 'Arial', fontSize: 16 }, legendTextStyle: { color: '#666666' },
            vAxis: { title: 'Liters', titleTextStyle: { color: 'blue', fontName: 'Arial', fontSize: 10 }, textStyle: { fontSize: 9} },

Answer 2

一種の回避策として、グラフを広くし、含まれているDivでoverflow：hiddenを使用することになりました。APIで空白を小さくできるかどうか誰かが知っている場合は、私に知らせてください。