Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
de:create:feedback-visual [04.04.2019 23:13] – Korrektur des Platzhalter %zValue% admin | de:create:feedback-visual [03.05.2024 10:47] (aktuell) – [Einzelne Werte] admin | ||
---|---|---|---|
Zeile 4: | Zeile 4: | ||
**Hinweis: | **Hinweis: | ||
+ | |||
+ | **Hinweis: | ||
+ | |||
+ | **Hinweis: | ||
===== Darstellung in Textform ===== | ===== Darstellung in Textform ===== | ||
Zeile 46: | Zeile 50: | ||
} | } | ||
</ | </ | ||
+ | |||
+ | **Hinweis: | ||
==== Mehrere Werte ==== | ==== Mehrere Werte ==== | ||
- | Mehrere Werte werden häufig tabellarisch dargestellt. Am einfachsten funktioniert dies mit einem Textbaustein und Platzhaltern. Speichern Sie z.B. den folgenden HTML-Code unter **Textbausteine u. Beschriftungen** im neuen Textbaustein // | + | Mehrere Werte werden häufig tabellarisch dargestellt. Am einfachsten funktioniert dies mit einem Textbaustein und Platzhaltern. Speichern Sie z.B. den folgenden HTML-Code unter **Textbausteine u. Beschriftungen** im neuen Textbaustein // |
<code html> | <code html> | ||
Zeile 75: | Zeile 81: | ||
<code php> | <code php> | ||
- | text(' | + | show(' |
' | ' | ||
' | ' | ||
Zeile 92: | Zeile 98: | ||
{{: | {{: | ||
- | 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" |
<code html> | <code html> | ||
Zeile 126: | Zeile 132: | ||
// 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) { | ||
- | show('responseSD', array( | + | show('RS01', array( |
' | ' | ||
- | '%zValue%' => round($zValue * 100) | + | '%zValue100%' => (string)round($zValue * 100) |
)); | )); | ||
} | } | ||
</ | </ | ||
+ | |||
+ | **Hinweis: | ||
Zeile 141: | Zeile 149: | ||
==== Mehrere Werte (II) ==== | ==== Mehrere Werte (II) ==== | ||
- | Sofern auf dem Befragungsserver das Plug-In // | + | Mit der Bibliothek |
<code html> | <code html> | ||
<!-- Container für das Diagramm --> | <!-- Container für das Diagramm --> | ||
- | <div id="chart" | + | <canvas |
- | <script type=" | ||
<script type=" | <script type=" | ||
<!-- | <!-- | ||
- | $(function | + | var chartCanvas = document.getElementById(' |
- | $('#chart').highcharts({ | + | var chart01 = new Chart(chartCanvas, |
- | | + | type: 'line', |
- | | + | data: { |
- | }, | + | |
- | title: { | + | |
- | text: null | + | |
- | | + | |
- | xAxis: { | + | |
- | categories: %labels%, | + | |
- | title: { | + | |
- | text: null | + | }, { |
- | } | + | |
- | }, | + | |
- | | + | |
- | bar: { | + | |
- | dataLabels: { | + | |
- | enabled: true | + | |
- | } | + | |
- | } | + | |
- | }, | + | |
- | legend: { | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | borderWidth: | + | |
- | backgroundColor: | + | |
- | | + | |
- | }, | + | |
- | credits: { | + | |
- | enabled: false | + | |
- | }, | + | |
- | series: [{ | + | |
- | | + | |
data: %refData%, | data: %refData%, | ||
- | | + | |
- | | + | |
- | | + | pointRadius: |
+ | }] | ||
+ | }, | ||
+ | options: { | ||
+ | indexAxis: ' | ||
+ | scales: { | ||
+ | x: { | ||
+ | | ||
} | } | ||
- | }, { | + | } |
- | name: 'Ihr Wert', | + | } |
- | data: %ownData%, | + | |
- | color: '# | + | |
- | dataLabels: { | + | |
- | enabled: false | + | |
- | } | + | |
- | }] | + | |
- | }); | + | |
}); | }); | ||
Zeile 208: | Zeile 192: | ||
<code php> | <code php> | ||
- | // Bibliothek | + | // Bibliothek |
- | option('script', 'jQuery 1.x'); | + | library('ChartJS' |
+ | |||
+ | // Testdaten (hier würde man Daten aus dem Datensatz auslesen) | ||
+ | $labels = [' | ||
+ | $ownData = [57, 42, 80]; | ||
+ | $refData = [52, 48, 74]; | ||
// Textbaustein mit dem HTML-Code für das Chart einbinden | // Textbaustein mit dem HTML-Code für das Chart einbinden | ||
- | text('chart', | + | show('TX09', |
' | ' | ||
' | ' | ||
' | ' | ||
- | )); | + | ]); |
</ | </ |