传奇与谷歌之间的保证金。图表

时间:2013-03-19 13:07:34

标签: jquery css margin google-visualization

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

这些是我的图表选项:

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

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

提前致谢。

1 个答案:

答案 0 :(得分:6)

我自己发现了这个问题。

我将属性顶部设置为strgling中chartArea的20,以使图表最大化。 当我删除此属性时,问题就解决了。

最大化图表的解决方案是将主题设置为“最大化”,如google api中所述,或者如果您没有任何外部标签,则将图表区域的宽度和高度设置为100%图例

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