jquery - 如何修改Google饼图pieSliceText定位

Question

我的 Google PieChart pieSliceText 位置遇到问题。它重叠在页面上，而不完全重叠在饼图本身上。

查看此屏幕截图:

我什至将字体调整得更小，但同样的问题:

由于数据值和百分比波动，我想避免调整“pieStartAngle”属性，因为我认为它看起来很愚蠢。

有没有办法将“男性”的标签移到饼图上，而不是重叠在“无人区”？我希望这很容易(就像使用 Google 条形图一样)，但事实并非如此。

这是我的图表选项:

var colors = ["#B5ACCE", "#61B036"]; //green and purple colors

var data = google.visualization.arrayToDataTable([
    ['Type',     'Count'],
    ['Male',      parseInt(_maleEnrollment)],
    ['Female',    parseInt(_femaleEnrollment)]
]);

//chart options 
var chartOptions = { 
     title: 'Gender' 
    ,pieSliceText: 'label' 
    ,pieSliceTextStyle: { color: 'black', fontName: 'Arial', fontSize: 20 } 
    ,colors: colors 
    ,backgroundColor: 'transparent' 
    ,legend: { textStyle: { color: 'black', fontName: 'Arial', fontSize: 14 } } 
    ,chartArea: { left: 0, 'width': '100%', 'height': '100%' } 
    ,enableInteractivity: false 
}; 

Answer 1

我似乎在我的 Google Charts 上定位标签时偶然发现了同样的错误。饼形图。经过一番摸索后， 我意识到我正在执行 Chart.draw() 函数，而目标 div 元素被隐藏。然后我会切换图表元素并注意到奇怪的格式。

调整我的 javascript，等到 div 显示后再绘制图表解决了我的问题。

之前:

之后: