| Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision |
| en:create:feedback-visual [06.02.2017 01:20] – u m.andrejevic | en:create:feedback-visual [07.02.2017 14:14] – [Mehrere Werte (II)] m.andrejevic |
|---|
| |
| |
| ==== Mehrere Werte (I) ==== | ==== Multiple Values (I) ==== |
| |
| Mit Hilfe der Funktion ''[[:de:create:functions:diagram2]]'' lassen sich ausgewählte Diagramme im Fragebogen platzieren. Zur Verwendung sei auf die Dokumentation der Funktion verwiesen. Eine optimierte Funktion ''chart()'' wird in künftigen Versionen von SoSci Survey zur Verfügung stehen. | Using the function ''[[:en:create:functions:diagram2]]'', one can place desired Diagrams into the Questionnaire. To learn how to use it please refer to the documentation of the function. An optimized function ''chart()'' is going to be available in future versions of SoSci Survey. |
| | ==== Multiple Values (II) ==== |
| |
| | 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]]. |
| ==== Mehrere Werte (II) ==== | |
| | |
| 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. | |
| |
| <code html> | <code html> |
| <!-- Container für das Diagramm --> | <!-- Container for the diagram --> |
| <div id="chart" style="height: 600px"></div> | <div id="chart" style="height: 600px"></div> |
| |
| }, | }, |
| series: [{ | series: [{ |
| name: 'Durchschnitt', | name: 'Average', |
| data: %refData%, | data: %refData%, |
| color: '#BBBBBB', | color: '#BBBBBB', |
| } | } |
| }, { | }, { |
| name: 'Ihr Wert', | name: 'Your Value', |
| data: %ownData%, | data: %ownData%, |
| color: '#009900', | color: '#009900', |
| |
| <code php> | <code php> |
| // Bibliothek jQuery verfügbar machen | // Make jQuery library available |
| option('script', 'jQuery 1.x'); | option('script', 'jQuery 1.x'); |
| // Textbaustein mit dem HTML-Code für das Chart einbinden | // Bind the textblock with the HTML code for the chart |
| text('chart', array( | text('chart', array( |
| '%labels%' => json_encode($labels), | '%labels%' => json_encode($labels), |
