Tortendiagramm während ausfüllen der Fragen anzeigen

Question

Ich möchte eine kombinierte Frage von folgendem Typ erstellen:

"Nennen Sie weitere Gründe, die Ihnen einfallen, welche zu dem Ereignis geführt haben könnten. Wenn Sie alle weiteren Gründe aufgelistet haben, tragen Sie zuletzt den eben spontan genannten Grund ein. Fangen Sie dann von oben an, jedem der Gründe eine Prozentzahl zu geben, von der Sie denken, dass zu soviel Prozent dieser Grund am Ereignis Schuld war. Unten wird Ihnen ein Tortendiagramm angezeigt, welches ihre Prozentauswahl visualisiert. Geben Sie nicht mehr und nicht weniger als 100% an. Das Tortendiagramm muss am Ende vollständig ausgefüllt sein."

Grund: ...........Texteingabe....................................... Prozent %
Grund: ....
Grund:....
usw.

Dem Teilnehmer soll während er die Prozente ausfüllt also ein Tortendiagramm mit seinen ausgefüllten Prozenten angezeigt werden um alles zu visualisieren.
Ist dies möglich? Und wenn ja wie?

Ich freue mich auf nützliche Antworten und bedanke mich schon einmal vorab :)

Answer 1

Ist dies möglich?

Ja.

Und wenn ja wie?

Mit ein wenig JavaScript. Sie brauchen die Bibliothek ChartJS, die Sie mit folgendem PHP-Code laden können:

library('ChartJS');

Soweit der einfache Teil. Jetzt müssen Sie JavaScript programmieren. Und zwar finden Sie hier die Verwendung des Tortendiagramms von ChartJS: Pie Chart

Auf der Seite wird auch beschrieben, wie man das Diagramm mit Daten füllt (die Sie natürlich aus Ihrer Fragebogen-Seite nehmen mittels document.getElementById(...).value, parseInt() und es wird auch erklärt, wie man die Daten live anpasst.

Das wird nicht ganz einfach, aber wenn Sie sich ein wenig eingelesen und den ersten Versuch in den Fragebogen gebracht haben, dann post Sie einfach wieder, dann gehen wir das Schritt für Schritt durch.