Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision |
en:create:feedback-visual [04.04.2019 15:13] – admin | en:create:feedback-visual [26.11.2020 21:15] – [Multiple Values (II)] sophia.schauer |
---|
} | } |
</code> | </code> |
| |
| |
==== Multiple Values ==== | ==== Multiple Values ==== |
{{:de:create:exp.feedback-visual.textelement.png?nolink|An example for visual presentation of a single value}} | {{:de:create:exp.feedback-visual.textelement.png?nolink|An example for visual presentation of a single value}} |
| |
Save the following HTML code as a textblock, for example under the identifier "responseSD". | Save the following HTML code as a text in the list fo questions (the following examples assume that it gets the ID "RS01"). |
| |
<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"> |
<!-- The actual Marking is going to be inserted at the above defined right place --> | <!-- The actual Marking is going to be inserted at the above defined right place --> |
<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> |
| |
In the HTML code there are two placeholders: ''%title%'' and ''%zValue*100%''. The second placeholder is actually called ''%zValue%''. Using ''*100'', it's value is going to be multiplied by 100 before it is inserted in the HTML code. This HTML code is therefore designed to show a z-value between -3 and +3. | The HTML code contains two placeholders: ''%title%'' and ''%zValue100%''. It is designed to show a z-value between -3 and +3 and can be used as follows: |
This can be used accordingly: | |
| |
<code php> | <code php> |
// Use textblocks (only if $value delivered a valid value) | // Use textblocks (only if $value delivered a valid value) |
if ($value > 0) { | if ($value > 0) { |
text('responseSD', array( | show('RS01', array( |
'%title%' => 'Extraversion', | '%title%' => 'Extraversion', |
'%zValue%' => $zValue | '%zValue100%' => round($zValue * 100) |
)); | )); |
} | } |
| |
As long as the //Highcharts// plug-in is available on the questionnaire server, you can use the Highcharts library to display nifty diagrams in your questionnaire. As long as the category labels are saved in the array ''$labels'', the results are saved in the array ''$ownData'', and reference data in the array ''$refData'', you can use the following text block "chart" (//Darstellung// "HTML_Code") and the associated PHP code to display a bar chart. You can find clarifications and details at [[http://www.highcharts.com/docs|Highcharts Dokumentation]]. | As long as the //Highcharts// plug-in is available on the questionnaire server, you can use the Highcharts library to display nifty diagrams in your questionnaire. As long as the category labels are saved in the array ''$labels'', the results are saved in the array ''$ownData'', and reference data in the array ''$refData'', you can use the following text block "chart" (//Darstellung// "HTML_Code") and the associated PHP code to display a bar chart. You can find clarifications and details at [[http://www.highcharts.com/docs|Highcharts Dokumentation]]. |
| |
| **Tip:** The PlugIn ChartJS is available by default and offers similar possibilities as Highcharts. |
| |
<code html> | <code html> |