Google Donut-Diagramm zeigt keine Nummer im Inneren des Körpers, wenn nur ein Element = 100 Prozent

Question

Ich benutze Google Donut-Diagramm, um drei Elemente anzuzeigen, aber wenn ein Element 77 (100%) ist und andere zwei Null ist, wird es nicht angezeigt seine Menge 77 in seinem Körper. wenn sie 1,6, 70 sind dann ist alles in Ordnung. Ich zeige Prozentsatz im Tooltip, also in meinem Fall, wenn ein Artikel 100% ist, dann wird die Menge nicht angezeigt. first sample image ------------ second sample image

Answer 1

es zeigt nicht, weil das Etikett in der Mitte des Loches ist,
standardmäßig haben Sie ein White-Label auf einem weißen Hintergrund

fügen Sie eine Farbe auf eine oder beide dieser Konfigurationsoptionen ...

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

folgenden Arbeits Schnipsel sehen ...

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>