Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision |
de:create:feedback-visual [04.04.2019 14:53] – Platzhalter z-value umbenannt zValue admin | de:create:feedback-visual [26.07.2020 12:25] – msd-media |
---|
} | } |
</code> | </code> |
| |
| |
==== Mehrere Werte ==== | ==== Mehrere Werte ==== |
{{:de:create:exp.feedback-visual.textelement.png?nolink|Beispiel für die visuelle Darstellung eines einzelnen Werts}} | {{:de:create:exp.feedback-visual.textelement.png?nolink|Beispiel für die visuelle Darstellung eines einzelnen Werts}} |
| |
Speichern Sie den folgenden HTML-Code als Textbaustein, z.B. mit der Kennung "responseSD". | Speichern Sie den folgenden HTML-Code als neuen Text im Fragenkatalog (im Folgenden wird angenommen, dass er die Kennung "RS01" erhält). |
| |
<code html> | <code html> |
<div style="position: absolute; top: -2px; left: 50%; width: 65px; height: 27px"> | <div style="position: absolute; top: -2px; left: 50%; width: 65px; height: 27px"> |
<!-- Die eigentliche Markierung wird an der richtigen Stelle eingefügt --> | <!-- Die eigentliche Markierung wird an der richtigen Stelle eingefügt --> |
<img src="ofb://slider.button.rhomb" alt="" style="position: absolute; left: %zValue*100%%; margin-left: -8px" /> | <img src="ofb://slider.button.rhomb" alt="" style="position: absolute; left: %zValue100%%; margin-left: -8px" /> |
</div> | </div> |
</div> | </div> |
</code> | </code> |
| |
Im HTML-Code sind zwei Platzhalter: ''%title%'' und ''%zValue*100%''. Der zweite Platzhalter heißt eigentlich ''%zValue%'', sein Wert wird wegen dem ''*100'' aber mit 100 multipliziert, bevor er in den HTML-Code eingesetzt wird. Dieser HTML-Code ist dafür ausgelegt, einen z-Wert zwischen -3 und +3 anzuzeigen. Entsprechend sähe die Verwendung aus wie folgt: | Der HTML-Code verwendet zwei Platzhalter: ''%title%'' und ''%zValue100%''. Dieser HTML-Code ist dafür ausgelegt, einen z-Wert zwischen -3 und +3 anzuzeigen. Entsprechend sähe die Verwendung aus wie folgt: |
| |
<code php> | <code php> |
// Textbaustein verwenden (nur, wenn $value einen gültigen Wert geliefert hat) | // Textbaustein verwenden (nur, wenn $value einen gültigen Wert geliefert hat) |
if ($value > 0) { | if ($value > 0) { |
text('responseSD', array( | show('RS01', array( |
'%title%' => 'Extraversion', | '%title%' => 'Extraversion', |
'%zValue%' => $zValue | '%zValue100%' => (string)round($zValue * 100) |
)); | )); |
} | } |
| |
Sofern auf dem Befragungsserver das Plug-In //Highcharts// zur Verfügung steht, können mit der Highcharts-Bibliothek sehr schicke Diagramme im Fragebogen angezeigt werden. Wenn die Kategorie-Beschriftungen in im Array ''$labels'' gespeichert sind, die Ergebnisse im Array ''$ownData'' und Referenzdaten im Array ''$refData'', kann man mit folgendem Textbaustein "chart" (//Darstellung// "HTML_Code") und dem zugehörigen PHP-Code ein Balken-Diagramm anzeigen. Erklärungen und Details sind der [[http://www.highcharts.com/docs|Highcharts Dokumentation]] zu entnehmen. | Sofern auf dem Befragungsserver das Plug-In //Highcharts// zur Verfügung steht, können mit der Highcharts-Bibliothek sehr schicke Diagramme im Fragebogen angezeigt werden. Wenn die Kategorie-Beschriftungen in im Array ''$labels'' gespeichert sind, die Ergebnisse im Array ''$ownData'' und Referenzdaten im Array ''$refData'', kann man mit folgendem Textbaustein "chart" (//Darstellung// "HTML_Code") und dem zugehörigen PHP-Code ein Balken-Diagramm anzeigen. Erklärungen und Details sind der [[http://www.highcharts.com/docs|Highcharts Dokumentation]] zu entnehmen. |
| |
| **Tipp:** Das PlugIn ChartJS steht standardmäßig zur Verfügung und bietet vergleichbare Möglichkeiten wie Highcharts. |
| |
<code html> | <code html> |