2016-07-15 1 views
0

私は3つのアイテムを表示するためにGoogleのドーナツチャートを使用していますが、1アイテムが77(100%)で、体の中のその量77。 1,6,70の場合はすべて問題ありません。私はツールチップでパーセンテージを表示しています。したがって、私の場合、1つのアイテムが100%であれば、数量は表示されません。 first sample image ------------ second sample imageGoogleのドーナツチャートは、1つのアイテムが100%の場合は本体内に数字を表示していません

答えて

0

ラベルは穴の中心にあるので、それは、デフォルトで
を示していない、あなたは、白い背景に白いラベルを持っています

...

backgroundColor: 'magenta', 
    pieSliceTextStyle: { 
    color: 'cyan' 
    }, 

が作業スニペット以下を参照してください... 1つまたは複数のこれらの設定オプションの両方に色を追加
google.charts.load('current', { 
 
    callback: function() { 
 
    var dataTable = new google.visualization.DataTable(); 
 
    dataTable.addColumn({label: 'Answer', type: 'string'}); 
 
    dataTable.addColumn({label: 'Result', type: 'number'}); 
 
    dataTable.addRows([ 
 
     ['Correct', 0], 
 
     ['Incorrect', 0], 
 
     ['Skipped', 77] 
 
    ]); 
 

 
    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
 
    chart.draw(dataTable, { 
 
     backgroundColor: 'magenta', 
 
     chartArea: { 
 
     height: '75%', 
 
     top: 12, 
 
     width: '75%' 
 
     }, 
 
     colors: ['green', 'red', 'gray'], 
 
     height: 300, 
 
     legend: { 
 
     position: 'bottom' 
 
     }, 
 
     pieHole: 0.5, 
 
     pieSliceTextStyle: { 
 
     color: 'cyan' 
 
     }, 
 
     width: 300 
 
    }); 
 
    }, 
 
    packages:['corechart'] 
 
});
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

+0

はい、あなたは正しいです、それは、問題の2番目の画像に示されているように、デフォルトでボディに表示されるべき一貫性によって、中に表示されています。 – aditya

+0

ラベル配置のオプションはありません – WhiteHat

+0

デザインごとに、チャートの中央ではなく本文に数字を表示する必要があります。質問に記載されている2番目のイメージを参照してください。この場合、灰色の背景に何かがあるはずです。 – aditya

関連する問題