Google Chart Tools截断y轴标签

时间:2012-01-17 17:38:30

标签: google-visualization truncated axis-labels

使用Google bar chart,这是我得到的:

enter image description here

这是我的自定义选项

var options = {
    width: 500, height: 240,
    legend : 'none',
    vAxis:{title:'Answers',textStyle:{color: '#005500',fontSize: '12', paddingRight: '100',marginRight: '100'}},
    hAxis: { title: 'Percentage', textStyle: { color: '#005500', fontSize: '12', paddingRight: '100', marginRight: '100'} } 
 };

我无法为这些<g> / <rect>代码设置宽度吗?

2 个答案:

答案 0 :(得分:43)

我相信chartArea.left选项正是您所寻找的。尝试这样的事情,并使用chartArea.left和chartArea.width值(尽管应该总计为500的总宽度),直到y标签全部可见为止:

var options = {
    width: 500, height: 240,
    legend : 'none',
    vAxis:{title:'Answers',textStyle:{color: '#005500',fontSize: '12', paddingRight: '100',marginRight: '100'}},
    hAxis: { title: 'Percentage', textStyle: { color: '#005500', fontSize: '12', paddingRight: '100', marginRight: '100'} },
    chartArea: {left:100, width: 400} 
 };

答案 1 :(得分:2)

chartArea width可以百分比形式设置。 chartArea:{width:50%}。这将使总图表宽度的50%留在左列。