图例和 google vis 之间的差距。图表答案

【问题标题】：Margin between legend and google vis. chart图例和 google vis 之间的差距。图表
【发布时间】：2013-03-08 04:20:48
【问题描述】：

我有一个谷歌可视化图表和图表顶部该图表的图例。

这些是我的图表选项：

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'}    
}

我想知道是否有办法设置图例和图表之间的边距，或者我可能通过设置这些选项搞砸了。

提前致谢。

【问题讨论】：

这个问题是关于图例和图表之间的边距，而不是关于整个图表。上述问题的答案可能在给定的代码中。
确实是不同的问题...我删除了链接

标签： jquery css margin google-visualization

【解决方案1】：

我自己发现了问题。

我将属性 top 设置为 chartArea 的 20 以使图表最大化。当我删除这个属性时，问题就解决了。

最大化图表的解决方案是将主题设置为“最大化”，如 google api 中所述，或者如果您没有任何外部标签或传说。

选项var的最终代码为：

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'}
}

【讨论】：