Profile

Cover photo
RGraph: HTML5 charts library
96 followers|30,770 views
AboutPostsPhotosVideos

Stream

 
A new version of RGraph is now available. You can read the release notes here: http://www.rgraph.net/docs/release-notes-june-2014.html And you can download it here: http://www.rgraph.net/download 
1
Add a comment...
 
A new example of a spline range chart. It's setup a little differently to a normal range chart - the values that you give are additive/accumulative instead of being absolute (as with other range charts). This is because the spline range chart is actually an accumulative filled line chart - with the bottom color set to be transparent. More information here: http://www.rgraph.net/demos/line-range-spline.html
1
Add a comment...
 
A possible new way to configure your charts by using an object style notation instead of chaining set() method calld. The current set() would not be abandoned - this new method would be in addition to what is currently used. Opinions invited: http://www.rgraph.net/blog/2014/june/possible-new-configuration-styles.html
1
Richard Heyes's profile photo
 
Further to this, the Bar chart will have an implementation of this new configuration in the next release so you'll be able to try it.
Add a comment...
 
The Bar chart Wave effect is not the fastest of effects on all platforms. Only really usable on faster desktop environments. This is due to its use of the setTimeout() function in order to delay the animation of the bars. So in a Bar chart with 20 bars there will be 20 timers running simultaneously. This takes its toll on less powerful computers. So because of this the effect has now been rewritten to remove the timers so now there is just one loop - which uses the faster, more modern function requestAnimationFrame(). Once the next beta has been made available you'll be able to see the rewrite here: http://staging.rgraph.net/demos/effects-bar-wave.html (guest/password) NOTE: Currently it's the old, slower version; the newer rewrite will be available when the next beta is made available.
1
Add a comment...
 
An example of a Bar chart which has both positive and negative values shown. Could be useful for showing income and expenditure for a company or individual over a period. http://www.rgraph.net/fiddle/view/a-bar-chart-with-above-and-below-bars
1
Add a comment...
 
If you have a feature that you'd like to see RGraph support then suggest it  on the feedback page: http://www.rgraph.net/feedback
1
Add a comment...
Have them in circles
96 people
 
An example of using the globalCompositeOperation to achieve an inner shadow: http://www.rgraph.net/blog/2014/june/inner-shadow-bevel-with-globalcompositeoperation.html
1
Danilo de Lara's profile photo
 
Genial!
Add a comment...
 
So now after two whole and long days of thought and gazing at my monitor thinking "Hmmmm..." , here is what the new configuration syntax for RGraph will (probably) look like. You now just supply a single object to the constructor which contains the ID of the canvas, the data and the configuration settings. http://www.rgraph.net/blog/2014/june/new-configuration-style.html
1
Add a comment...
 
As promised a demo of the new rewrite of the Bar chart Wave effect is now available on the preview website (Login: guest/password ): http://staging.rgraph.net/demos/effects-bar-wave.html
1
Add a comment...
 
A new howto on getting RGraph to work in an ASP.net environment, by Kai Wilzer: http://dotnetco.de/Blog/ID/41/Create-HTML5-Charts-using-ASPnet-and-RGraph.aspx
1
Add a comment...
 
A new black Line chart with the Trace2 effect: http://www.rgraph.net/demos/line-black.html
1
RGraph: HTML5 charts library's profile photoCyrus Khamak's profile photo
2 comments
 
Thank you very much! - always enjoy having my ego stroked!
Add a comment...
People
Have them in circles
96 people
Contact Information
Contact info
Email
Story
Tagline
RGraph - HTML5 and Javascript charts
Introduction
RGraph is a free Javascript based charting solution written using HTML5 canvas. It supports over 20 different types of chart from simple Bar charts to more esoteric chart types like the Rose chart. Because it's written using JavaScript and HTML5 canvas it's very quick and thanks to the easy-to-follow code is easy to adapt and extend.
Links