2017-04-10 50 views
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 {} 

回答

0

你可以使用下面的选项...

annotations: { 
    alwaysOutside: true 
} 
+0

我认为这是唯一的解决办法... – Bielcito

+0

好看多了,不是很理想,唯一的其他选择是莫名其妙地调节轴最小值以确保有足够的空间 - 但调整到小于零也不好 - 或使图表变宽等... – WhiteHat