charts - 谷歌可视化间距

Question

我使用 Google Visualization API 制作了一个类似于下面的图表。我的问题是，在该图表的关键位置的右侧(显示低、中、高)有太多空白。我怎样才能摆脱这个空白？

_{(来源:securitymonks.com)}

Answer 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} },