So ändern Sie Googles PieChart pieSliceText Positionierung

Question

Ich habe Probleme mit meinem Google PieChart pieSliceText Position. Es überlappt sich auf der Seite und nicht vollständig auf dem PieChart selbst.

dieses Screenshot Foto anzeigen:

ich die Schriftart eingestellt noch viel kleiner, aber gleiches Problem sein:

Da Datenwerte und Prozentsatz der fluktuierenden, würde Ich mag an vermeide es, die 'pieStartAngle'-Eigenschaft anzupassen, da ich denke, dass sie albern aussieht.

Gibt es eine Möglichkeit, die Bezeichnung für "Male" auf das Tortendiagramm zu verschieben, anstatt sich in "Niemandsland" zu überschneiden? Ich hatte gehofft, dass dies einfach ist (wie bei Google Bar Charts), aber das ist es nicht. Hier

ist, was meine Grafik-Optionen wie folgt aussieht:

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

Für Flexibilität über die Legende Sie vielleicht zu einfach deaktivieren und Ihre eigene Legende mit HTML erstellen oder von der API nutzen andere voreingestellten Optionen unter gefunden https://developers.google.com/chart/interactive/docs/customizing_charts