Tachometer Anwendung

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.

 

[No canvas support]>

 

Installation des Beispiels

Zuerst wird das Script-tag für das Javascript Messprogramm in ihren Joomla Artikel eingefügt:
<script src="/plugins/content/rgraph/js/demo.js" type='text/javascript' ></script>
Danach kodieren Sie die rgraph plugin-tags:
{rgraph type="Meter" max="100" value="0" labelsValueTextUnitsPost=" Mbps" title="Download Geschwindigkeit" width="600"
height="300" chart_name="chart" event_script="plugins/content/rgraph/js/meter_event.js" titleSize="11"
colorsGreenColor="Gradient(rgba(0,128,0,0.3):rgba(0,128,0,0.4):rgba(0,128,0,0.8):rgb(0,102,34))"
colorsYellowColor="Gradient(rgba(255,191,0,0.3):rgba(255,191,0,0.4):rgba(255,191,0,0.8):rgba(230,170,0,1.0))"
colorsRedColor="Gradient(rgba(204,0,0,0.3):rgba(204,0,0,0.4):rgba(204,0,0,0.8):rgba(204,0,0,1.0))"
needleColor="rgba(77,77,77,0.9)" labelsValueDecimals="2" labelsValueUnitsPost=" Mbs" labelsValueText="true"
valueTextSize="11" marginBottom="30"}chart{/rgraph}

Und schliesslich fügen Sie die html-tags für die buttons zum Kontrollieren der Anwendung ein:
<button type="button" onclick="measure_speed('php-apps/RGraph/images');" >Start Messung</button>
<button type="button" onclick="postMessage(0, '*');">Reset</button>
Das Messprogamm verwendet das 5MB große Image "31120037-5mb.jpg" (können Sie hier ansehen bzw. downloaden). Das Verzeichnis zum Image wird als Parameter dem Aufruf des Messprogramms mitgegeben.

 

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...

Besucher

Heute: 3
Gestern: 13
Diese Woche: 49
Letzte Woche: 140
Dieser Monat: 159
Letzter Monat: 777
0150792
United States 34,7% USA
Germany 13,8% Deutschland
Russia 4,8% Russland
France 3,3% Frankreich
Indonesia 2,6% Indonesien
Italy 2,6% Italien
India 2,4% Indien
Poland 2,2% Polen

Total:

205

Länder

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.