Effekte beim Anzeigen von Diagrammen

Dieses Beispiel zeigt, wie man Diagramme dynamisch aktualisieren kann. Wenn man einen der Effekte auswählt und mit dem Button anfordert (klicked) wird ein event-script aus der File "media/plg_content_rgraph/js/draw_event.js" aufgerufen, das dann das Diagramm mit dem gewählten Effekt neu darstellt.

 

Wichtig: Für den Einsatz von Anzeigeoptionen mit Effekten muss man folgendes beachten. Da php-rgraph geschweifte Klammern ("{" "}") als Delimiter verwendet, müssen im jeweilige Parameter für "draw_option" geschweifte Klammern ("{" bzw. "}") in eckige Klammern ("[" und "]") geändert werden. Wenn dies nicht entprechend beachtet wird, wird das Diagramm nicht korrekt bzw. garnicht angezeigt.

Parameter für Erstellen des Diagramms

{rgraph chart_name="chart" type="Bar" title="Anzeige Optionen für Säulendiagrmme" width="600" height="300"
data="1,1,2,3,4,5,6,7,8,9,10/5000,5000,5000,5000,6000,7000,8000,8000,11000,9000" colorsSequential="true"
yaxisScaleMax="12000" marginBottom="30" marginLeft="70" 
event_script="media/plg_content_rgraph/js/draw-event.js" draw_option="grow()"}cvs{/rgraph}   

 

 

 Animation auwählen: grow() grow() wave({frames: 60}) fadeIn({frames: 60}); fadeSlideIn({frames: 90}) colorWave() fadeCircularInInwards({frames: 300}) fadeCircularInOutwards({frames: 300}) revealCircular({frames: 180}) Zeige Effekt

 

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