Gauge Chart Application

Sample of an interactive Chart Application

This chart shows a measurement for downloads. I have added two buttons to trigger the measurement by calling a small javascript which issues a download request, calculates the timings and posts the result. The event script (see parameter event_script), which adds an events listener, catches the post and updates the meter chart.

Plugin Parameter for creation of chart:

{rgraph type="Gauge" max="100" value="0" valueTextUnitsPost=" Mbps" titleTop="Your Download Speed" 
width="450" height="400" radius="150" chart_name="chart" 
titleSize="11" needleColors="rgba(0,0,255,0.65)" valueTextDecimals="2" scaleDecimals="0"
valueText="true" valueTextSize="10" colorsRanges="null"}chart{/rgraph}
[No canvas support]>


Installation of this Sample

Insert Script-tag for javascript measurement program into your Joomla Article:
<script src='plugins/content/rgraph/js/demo.js' type='text/javascript' ></script>
Having done this, code rgraph plugin-tags and insert html-tags to define buttons for controlling application.
<button type="button" onclick="measure_speed('php-apps/RGraph/images');" >Start Measurement</button>
<button type="button" onclick="postMessage(0, '*');">Reset</button>
The measurement program uses 5MB sized Image "31120037-5mb.jpg" (you may have a look at it and download it). Directory for image needs to be added as parameter for the called measurement program in onclick-parameter of first button.
go back...


Today: 3
Yesterday: 8
This Week: 3
Last Week: 105
This Month: 320
Last Month: 521
United States 35.4% USA
Germany 13.3% Germany
Russia 4.6% Russia
France 3.3% France
Indonesia 2.6% Indonesia
Italy 2.6% Italy
India 2.4% India
Poland 2.2% Poland



Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.