防止ラインラップ

Question

ラインラップがテキストであることを見ることが可能である：
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%"]]" 

[EDIT] Iは、ラインラップがChromeでのみのFirefox ... で発生することがわかり、すべてがOKで、以下を参照してください。
Line wrap on chrome are disabled

そして、ちょうどより多くの情報のために、googleHeaderCellのCSSの内容は次のとおりです。

私はこれが唯一の解決策だと思う

.googleHeaderCell {} 

あなたは次のオプションを使用することができ

Answer 1

...

annotations: { 
    alwaysOutside: true 
}