Mmy*_*low 3 css jquery 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'}
}
Run Code Online (Sandbox Code Playgroud)
我想知道是否有办法设置legenda和图形之间的边距,或者我可能通过设置这些选项搞砸了一些东西.
提前致谢.
我自己发现了这个问题.
我将属性顶部设置为图形区域中的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'}
}
Run Code Online (Sandbox Code Playgroud)