2016-04-14 9 views
0

Google PieChartのpieSliceTextの位置に問題があります。それはPieChart自体ではなく、ページ上に重なっています。GoogleのPieChart pieSliceTextの位置を変更する方法

このスクリーンショットの写真を参照してください:データ値およびパーセンテージが変動する、私はしたいと思いますので enter image description here

:私もはるかに小さくするフォントが、同じ問題を調整

enter image description here

を私はそれがばかに見えると思うように 'pieStartAngle'プロパティを調整しないでください。

「男の子の土地」に重複するのではなく、「男性」のラベルを円グラフに移動する方法はありますか?私はこれが(Google Bar Chartsのように)簡単だと思っていましたが、そうではありません。あなただけのAPIからそれをオフにして、HTMLを使用して独自の凡例を作成したり、他のプリセットオプションを活用することにしたいかもしれない伝説についての柔軟性を高めるため

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

答えて

関連する問題