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 imageGoogle Donut-Diagramm zeigt keine Nummer im Inneren des Körpers, wenn nur ein Element = 100 Prozent
Q
Google Donut-Diagramm zeigt keine Nummer im Inneren des Körpers, wenn nur ein Element = 100 Prozent
0
A
Antwort
0
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>
Verwandte Themen
- 1. Aktionsleiste zeigt Dropdown-Menü, wenn nur ein Element im Menü
- 2. mehrere Checkbox div 100% Höhe des Körpers
- 3. Wie UILable im Inneren des Körpers der E-Mail hinzufügen
- 4. CSS 100 Prozent Höhe Körper und Element
- 5. Angular ng-repeat zeigt nur das letzte Element an. Wenn nur ein Element, zeigt nichts
- 6. Divs Höhe summiert sich zu 100 Prozent aber scroll zeigt
- 7. 100% divs äußeren und inneren
- 8. Div Breite 100 Prozent funktioniert nicht im mobilen Browser
- 9. NSIS, Fortschrittsbalken zeigt nach Abschluss keine 100%
- 10. erlauben nur 0-100 Prozent Werte in Textfeld
- 11. ein Element kollabieren, wenn ein anderes Element erweitert nur css
- 12. wenn Zustand im Inneren erzeugte Element mit jquery Arbeits
- 13. Pixel im Google-Kommentarskript in Prozent ändern
- 14. $ Uhr ist nur einmal im Inneren Richtlinie
- 15. Screeps: Baukosten des Körpers berechnen
- 16. CPU 100 Prozent beim Versuch, CSV im Frühjahr herunterladen
- 17. Keine E-Mails, aber Mailgun zeigt 100% Zustellungsrate
- 18. VS2010 RC - nur 100 std :: map Elemente im Debugger
- 19. Fehler, wenn im Inneren Wert des Eingangs in Echo
- 20. CSS Text Ellipsen und 100 Prozent Breite
- 21. UICollectionView zeigt nur das erste Element des Datasets an
- 22. Google Maps im Inneren Iframe nicht geladen
- 23. die Antwort Körper mit Hyper nur angezeigt zeigt die Größe des Körpers
- 24. Breite des inneren div auf rollbarem Element auf 100% der scrollbaren Breite setzen
- 25. Anzeigeelement nur, wenn ein anderes Element existiert
- 26. Anfügen Element an der Oberseite des Körpers in jQuery
- 27. Google Karte verdrängt und zeigt nur bis 50% des Containers
- 28. SVG verwenden Element zeigt keine Pfade
- 29. Nur ein Element im Array zurückgegeben
- 30. aiohttp Download nur erste N-Bytes des Körpers
Ja, Sie haben recht, es wird in der Mitte angezeigt, nach Konsistenz sollte es standardmäßig in seinem Körper angezeigt werden, wie in dem fraglichen zweiten Bild gezeigt. – aditya
Es gibt keine Optionen für die Etikettenplatzierung – WhiteHat
Laut Entwurf muss ich die Zahlen im Körper nicht in der Mitte des Diagramms anzeigen, siehe das zweite in der Frage erwähnte Bild. In diesem Fall sollte etwas grau hinterlegt sein. – aditya