This is a sample how to update a chart dynamicly. If effect selected and button below clicked it will trigger an event script in file "media/plg_content_rgraph/js/draw_event.js", which then will re-draw the current chart using he selected effect.

 

Important: If you use parameter "draw_option" with effect settings you must consider following. Because rgraph uses as delimiter curly brackets ("{" "}") you must code the draw_option parameter by changing curly brackets into square brackets. E. g. change "wave({frames: 60})" into "wave([{frames: 60])" If you do not change accordingly the chart will not display.

Parameter for creation of chart

{rgraph chart_name="chart" type="Bar" title="show some Open Effects" width="600" height="300"
 data="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}

 

[No canvas support]>

 

 Select Effect:

 

Important: If you want to test this sample via copy/paste, ensure that you paste with option "paste as plain text" otherwise imbedded html-codes may invalidate your input.
go back...

Visitors

Today: 5
Yesterday: 77
This Week: 82
Last Week: 433
This Month: 1,420
Last Month: 1,506
This Year: 2,926
Total: 235,519
0235519
Germany 30.6% Germany
USA 23.1% USA
France 3.3% France
Italy 2.7% Italy
Indonesia 2.1% Indonesia
Poland 2.0% Poland
Netherlands 1.8% Netherlands

Total:

209

Countries

Weather

Weather in Ashburn

27th February, 2024 - 3:26
Few Clouds
51°F 44°F min 55°F max
12:47 23:58
Humidity: 60 %
South-East Wind: 5.8 mph
Pressure: 1,015 hPa
Visibility: 32,808 ft
We use cookies

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.