图例和 Google 可视化图表之间的间距

Question

我有一个谷歌可视化图和一个放置在图形顶部的图例。

这是我的图表选项：

var chartOptions ={
    width: 700, height: 500,
    chartArea: {width: '80%', height: '80%', top:20},
    legend: {position: 'top'},
    titlePosition: 'in', 
    axisTitlesPosition: 'in',
    hAxis: {showTextEvery: '1', textPosition: 'out'}, 
    vAxis: {textPosition: 'out'}    
}     

我在想是否有一种方法可以设置图例和图表之间的边距，或者我设置这些选项时弄错了什么。提前致谢。

- MmynameStackflow

---

这个问题是关于图例和图表之间的边距，而不是整个图形。可能提到的问题的答案在给定的代码中。 - MmynameStackflow

确实它们是不同的问题...我已经移除了链接。 - 0eggxactly

Answer 1

我自己找到了问题所在。

当我试图将图表最大化时，我已经将chartArea的top属性设置为20。当我去掉这个属性后，问题就解决了。

要最大化图表的解决方案是按照Google API中描述的将主题设置为“maximized”，或者如果您没有任何外部标签或图例，则将图表区域的宽度和高度设置为100％。

选项变量的最终代码如下：

var options ={
        width: 700, height: 500,
        chartArea: {width: '80%', height: '75%'},
        legend: {position: 'top'},
        titlePosition: 'in', axisTitlesPosition: 'in',
        hAxis: {showTextEvery: '1', textPosition: 'out'}, 
        vAxis: {textPosition: 'out'}
}   

- MmynameStackflow