Wie erstelle ich Kreisdiagramme auf Webseiten?
Wie erstelle ich Kreisdiagramme für eine Webseite wenn die Werte Variable sind, ich hab eine SQL Datenbank und kann diese Werte mit PHP auch auslesen.
3 Antworten
Wenn du es selber programmieren willst: Canvas HTML Element, darauf kannst du „malen“ mit JavaScript und der arc() Funktion.
https://www.mediaevent.de/javascript/canvas-arc.html
(Mit PHP würdest du dann nur die Werte liefern, die du dann mit JavaScript einliest um damit die Kreisdiagramme zu zeichnen.)
die Werte müssen definiert sein und sich bei einem Kreisdiagramm auf 100% summieren.
Du hast mehrere Möglichkeiten.
Du generierst per PHP und den GD Funktionen ein vollständiges png des Diagramms. Das fertige png wird auf den Server gespeichert und du kannst es als img entsprechend auf der Website darstellen.
http://www.tutorialspanel.com/how-to-draw-a-pie-chart-using-php/index.htm
https://www.php.net/manual/en/ref.image.php
oder Du nutzt einer der vielen JavaScript Bibliotheken, die im Browser die Grafik aus den vorgegebenen Daten dynamisch erzeugen. Die Daten kannst Du wiederum hart codiert in das JS als Parameter reinschreiben oder als Platzhalter im Template oder als AJAX Service an das JS übermitteln.
https://developers.google.com/chart/interactive/docs/gallery/piechart
Du siehst dann kann man viel machen. Viel Erfolg