Säulendiagramm mit einem Klick aktualisieren

Dies ist ein Beispiel für die dynamische Aktualisierung eines Diagramms. Wenn Sie auf eine der folgenden Schaltflächen klicken, wird ein Ereignisskript aus der Datei media/plg_content_rgraph/js/test_event.js" ausgeführt. Dadurch wird dann das aktuelle Diagramm aktualisiert.

Parameter zur Erzeugung des Diagramms:

{rgraph chart_name="chart" type="Bar" title="Update Diagramm mit einem Click" width="600" height="300"
 data="5000,5000,5000,5000,6000,7000,8000,8000,11000,9000" colorsSequential="true" yaxisScaleMax="12000"
 variant="3d" marginBottom="105" marginLeft="70" event_script="media/plg_content_rgraph/js/test_event.js" }cvs{/rgraph}   

Definitionen der Schaltflächen (Buttons):

<button type="button" onclick="postMessage('7000,8000,7000,4000,5000,8000,6000,10000,9000,10000', '*');">update</button>
<button type="button" onclick="postMessage('5000,5000,5000,5000,6000,7000,8000,8000,11000,9000', '*');">reset</button>  

 

update reset

 

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