Ich würde gerne Einheiten (ms) nach "141" im Screenshot hinzufügen. Ich habe versucht, hAxis.format und vAxis.format, aber keiner von ihnen arbeitete ...Hinzufügen von Einheiten in Säulendiagramm von Google Charts?
1
A
Antwort
1
{hAxis,vAxis,hAxes.*,vAxes.*}.format
für die Achsenbeschriftungen ist ...
der Tooltip die Daten abarbeitet
Format die Daten einen Formatierer, wie NumberFormat
NumberFormat
mit - Beschreibt, wie numerische Spalten sho und formatieren. Zu den Formatierungsoptionen gehört das Angeben eines Präfixsymbols (z. B. eines Dollarzeichens) oder des Interpunktionszeichens als Tausendermarkierung.
NumberFormat.format(dataTable, columnIndex)
var formatMS = new google.visualization.NumberFormat({
pattern: '# (ms)'
});
formatMS.format(data, colIndex);
siehe folgende Arbeits Schnipsel ...
google.charts.load('current', {
callback: drawChart,
packages: ['bar']
});
function drawChart() {
var data = google.visualization.arrayToDataTable([
['x', 'y0', 'y1'],
['row 0', 10, 30],
['row 1', 20, 40],
['row 2', 30, 60],
['row 3', 40, 80]
]);
var formatMS = new google.visualization.NumberFormat({
pattern: '# (ms)'
});
// format y
for (var colIndex = 1; colIndex < data.getNumberOfColumns(); colIndex++) {
formatMS.format(data, colIndex);
}
var chart = new google.charts.Bar(document.getElementById('chart_div'));
chart.draw(data);
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
Verwandte Themen
- 1. Google Charts - Trendlinie für gestapelte Säulendiagramm
- 2. Google Charts hinzufügen Tooltip
- 3. Wie man Säulendiagramm startet Animation mit Google Charts?
- 4. Farbänderung - Google Säulendiagramm Material
- 5. Google Charts holen von Json
- 6. Google Charts/Visualisierungen Spaltenbreite
- 7. , wie Tippfehler Eigenschaft Charts gibt es nicht auf Typ "Typof Google" in Google-Säulendiagramm
- 8. Laden von Google Charts-Bild in ImageView
- 9. Google Säulendiagramm Legende Anpassen
- 10. Google Combo Chart horizontale und vertikale Linie in Säulendiagramm hinzufügen
- 11. Zeitzone von Google Charts formatieren datetime Achsenbeschriftungen
- 12. anpassen Ringdiagramm von Google Charts js bereitgestellt
- 13. Golang zu Json, Erstellen von Google Charts
- 14. Gestapelte Spalte Anmerkungen Google Charts
- 15. Entferne die Entfernungsleiste von Google Charts
- 16. Echtzeitwechselpunktdiagramm mit Google Charts
- 17. Konvertieren von Einheiten in Boost-Einheiten von angular_velocity zu grade_per_second
- 18. Verhindern, dass Google Charts heranzoomt
- 19. Google Charts: Setzen Sie den Fokus auf die Datenspalte im Säulendiagramm.
- 20. Google Säulendiagramm mit zwei Spalten
- 21. Google Charts Tooltip Optionen
- 22. Wie man Balken in verschiedenen Farben in Google-Charts erstellt?
- 23. Google Charts Tooltips-Annotations
- 24. Reagieren google-Charts Rückruf
- 25. Google Charts als Bild
- 26. Google Charts Tooltip flackern
- 27. Google Charts - Grafik ist leer
- 28. Google Charts JSON-Probleme
- 29. Google Charts zeichnen() Leistung
- 30. Anzeigen von Linien in Prozent in Google Charts
Thank you !! Es funktioniert sehr gut. – user1888955