0
在此图像中,可以看到,在文本换行:
Line wrap active on visualization bar chart防止线缠绕在可视化的条形图
如何预防呢? 此图表的代码是:
var data = google.visualization.arrayToDataTable(courseprogressdata);
var options =
{
title: 'Progresso do curso',
chartArea:
{
width: '50%'
},
legend: {
position: 'none'
},
chart:
{
subtitle: 'com valores de 0 a 1'
},
hAxis:
{
minValue: 0,
ticks: [0, 0.2, 0.4, 0.6, 0.8, 1.0],
format: 'percent'
},
bar:
{
groupWidth: "90%"
},
cssClassNames:
{
headerCell: 'googleHeaderCell'
}
};
var chart = new google.visualization.BarChart(document.getElementById('courseprogresschart'));
chart.draw(data, options);
courseprogress是与此数据的数组:
"[["curso","progresso",{"type":"string","role":"annotation"}],
["PJU",0.7893,"78.93%"],
["Fundgest-GRHN1A",0.1427,"14.27%"],
["asdzxc2",0.0387,"3.87%"]]"
[编辑]我注意到换行只发生在Firefox ... 在铬,一切都OK了,请参阅:
Line wrap on chrome are disabled
和公正的更多信息,googleHeaderCell CSS的内容是:
.googleHeaderCell {}
我认为这是唯一的解决办法... – Bielcito
好看多了,不是很理想,唯一的其他选择是莫名其妙地调节轴最小值以确保有足够的空间 - 但调整到小于零也不好 - 或使图表变宽等... – WhiteHat