2016-04-14 65 views
0

我遇到了我的Google PieChart pieSliceText位置问题。它重叠在页面上,而不是完全在PieChart本身上。如何修改Google的PieChart pieSliceText定位

看到这个截图照片:

enter image description here

我甚至调整了字体要小的多,但同样的问题: enter image description here

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

有没有办法将“男”的标签移动到饼图上,而不是在“无人区”重叠?我希望这很容易(就像Google Bar Charts一样),但事实并非如此。

这里是我的图表选项是什么样子:

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 
}; 

回答