Beispiel einer interaktiven Anwendung
Dieses Diagramm zeigt eine Anwendung, die Geschwindigkeit von Downloads misst. Für diese Beispiel wurden zwei Buttons erstellt, mit denen die Anwendung gesteuert wird. Die Messung erfolgt mit einem kleinen Javascript Programm, das die Downloadzeit eines Image misst und danach das Ergebnis an das Meter Diagramm weiterleitet (via "window.post"). Mit dem Diagramm wurde ein Event-Script erstellt (Parameter "event_script"), das auf die Nachricht des Messprogramms reagiert und das Ereignis angezeigt.
Installation dieses Beispiels
Fügen Sie als erstes den Script-tag für das Messprogramm in ihren Joomla Artikel ein:<script src='media/plg_content_rgraph/js/demo.js' type='text/javascript' ></script>
{rgraph type="Gauge" max="100" value="0" labelsValue="true" titleTop="Download Speed" titleTopSubtitle="megabits pro sekunde" width="450" height="350" radius="150" chart_name="chart" event_script="media/plg_content_rgraph/js/meter_event.js" titleTopSize="12" titleTopPos="0.35" labelsValueSize="10" needleColors="rgba(0,0,255,0.65)" labelsValueDecimals="1" labelsValueUnitsPost=" Mbs" colorsRanges="0,16,rgba(255,0,0,0.6)|16,40,yellow|40,100,rgba(0,255,0,0.8)" textAccessible="0" marginLeft="5" labelsValueDecimals="1" scaleDecimals="1" number_format="c" debug="1"}chart{/rgraph}Und als letztes bauen sie die Steuer-Buttons ein:
<button type="button" onclick="measure_speed('php-apps/RGraph/images');" >Start Messung</button>
<button type="button" onclick="postMessage(0, '*');">Reset</button>
Wichtig: Wenn Sie dieses Beispiel via Kopieren/Einfügen testen wollen, stellen Sie sicher, dass das Einfügen mit der Option "paste as plain text" (als unformatierten Text einfügen) durchgeführt wird.
zurück...