谷歌餅圖切片文本對齊問題在鉻31

Question

在鉻版本31，當你看看Google piechart數字和文本放置不佳，通常在較大的切片切片。 「德語」變成「Ger」，「45％」變成「45」。

2.我把下面的代碼解決問題。

if(window.navigator.appVersion.match(/Chrome\/(31.*?) /)) { // fix for chrome v31 
    var pie_text = jQuery('#all-receivers-pie-chart g text'); 
    var chrome_fix = jQuery(pie_text[1]).attr('x') - 30; //it's the second one causing the problem, move it to the left 30px 
    jQuery(pie_text[1]).attr('x',chrome_fix); 
} 

3.通過上面的代碼，文本在頁面加載時被正確定位。但是，當我將鼠標懸停在圖表上時，工具提示會出現，餅圖切片文本會恢復原始的不良位置。

4.當所有字段的值都比較小時，如2.46％左右，那麼將不會有文本字段，上面的代碼也不會工作。

Answer 1

你需要使用一個onmouseout事件處理程序調用代碼，當用戶將鼠標移出圖表元素：

// assuming you have a function called "fixLabelAlignmentInChrome" 
google.visualization.events.addListener(myPieChart, 'onmouseout', fixLabelAlignmentInChrome);