Highcharts Donut-Diagramm ohne inneren Kreis?
-
12-12-2019 - |
Frage
Ich habe nach einer Lösung gesucht, um mit der Highcharts-Bibliothek das einfachste Donut-Diagramm zu erstellen.Allerdings zeigen alle Beispiele von Highcharts den Diagrammstil mit innerem Kreis und äußerem Donut (siehe: http://www.highcharts.com/demo/pie-donut)
Wie kann ich den inneren Kuchen loswerden und einfach den äußeren Donut behalten, so wie es andere Bibliotheken tun?(so etwas wie RGraph: http://www.rgraph.net/examples/donut.html)
Danke schön.
Lösung
Sie müssen die Daten lediglich als Array aus Arrays mit zwei Elementen (Schlüssel/Wert) bereitstellen.Geben Sie eine an innerSize
um den Donut-Stil zu bekommen.
Ihre Parameter enthalten also etwa Folgendes:
...
data: [["Firefox",6],["MSIE",4],["Chrome",7]],
innerSize: '20%',
...
Hier ist ein jsFiddle eines vollständigen Beispiels.
Andere Tipps
Dies war das Top-Suchergebnis und die angegebenen Antworten funktionierten nicht für mich.Ich brauchte mehr Kontrolle über die Datenpunkte als nur ein einfaches Array-Array.Ich musste JSON-Objekte verwenden, um zusätzliche Optionen wie explizite Farben für bestimmte Daten zu konfigurieren.Ich habe durch einige Erforschung gefunden, dass Sie Ihr Datenformat überhaupt nicht ändern müssen.Alles, was Sie tun müssen, um ein Kreisdiagramm in ein Donut-Diagramm herzustellen, besteht darin, einfach einen Innerenwert von mehr als 0 in der Datenserie festzulegen.
aus der Hochchartendokumentation:
Innerse: Die Größe des Innendurchmessers für der Kuchen.Eine Größe von mehr als 0 macht ein Donut-Diagramm.Kann A. A. Prozentsatz oder Pixelwert.Prozentsätze sind relativ zur Kreisgröße. Pixelwerte sind als ganze Zahlen angegeben.
Sie können also ein einfaches Donut-Diagramm mit Daten wie dem Folgenden erhalten: generasacodicetagpre.