Release notes for 2014

Share RGraph:   Share or Like RGraph on Facebook!


Release notes for the September 2014 release

The release for September 2014 is now available. No major changes in this release but a few minor changes that may affect you or your charts.

You can download RGraph here


Release notes for the August 2014 release

The August 2014 RGraph release is now available. This release is mainly housekeeping and a few new demos. You can also now use images as tickmarks easily in the Scatter and Line charts. The HOWTO has been updated and the applicable setting is thus:

obj.set('tickmarks', 'image:/images/tick.png')

You can download RGraph here


Release notes for the July 2014 release

The July 2014 RGraph release is now available. This releases main change is the addition of JSON style configuration. You may find this preferable to use instead of the current .set() method that you're using. Though it should be stressed - the .set() method is not going away so if you're happy to keep using it then there's no reason to change to the newer JSON style. You can read about JSON configuration and see how it looks here.

You can download RGraph here


Release notes for the June 2014 release

The June 2014 RGraph release is now available. This release incorporates a better background cache using a dedicated off-screen canvas. This cache is used by the background grid and applies to those charts which use the grid (eg bar, line, HBar etc). The full list of changes is:

What's coming next?

The .set() method way of configuring your RGraph objects has served RGraph very well for six years and whilst it isn't going away there will be a new way of configuring in the next release - JSON. You'll be able to pass a JSON object as an argument to the constructor instead of the canvas ID and the data. It will look like this:

var bar = new RGraph.Bar({
    id: 'cvs',
    data: [[45,56],[75,32],[39,47],[34,48],[46,47],[48,52]],
    shadow: false,
    strokestyle: 'rgba(0,0,0,0)',
    grouping: 'grouped',
    colors: ['Gradient(white:#aaf:#aaf:#33f:#33f)','Gradient(white:#faa:#f33:#f33:#f33)'],
    background: {
        grid: {
            vlines: false,
            border: false
    text: {
        color: 'white'
    labels: ['2007','2008','2009','2011','2012','2013']

Speed wise it doesn't make any difference - it may come as more intuitive though if you're more accustomed to the JSON style. It may also minify to a marginally smaller size too.

If you want to try this style there is currently support in the Bar chart.

You can download RGraph here


Release notes for the March 2014 release

The March 2014 release is a "biggy". Ish. It's the first release that now has a jQuery dependency - so you're advised to read the starting with RGraph guide again before implementing this release. If you're happy to use the Google hosted version of jQuery (which has many advantages) then it won't even add anything to your bandwidth stats! Making use of jQuery brings many benefits - the number one being that the size of the RGraph libraries can be reduced because duplicate functionality can be removed.

Another significant change is the adoption of a naming convention throughout all of the RGraph libraries. Having functions use camel-case is widespread and implementing it throughout the whole of RGraph increases the likelihood of you being able to guess a function name without having to look it up in the API documentation. An example of the new naming is: RGraph.arrayMax() To see other examples of the new naming convention you can simply look through the RGraph website. Where possible backwards compatibility has tried to be maintained so the old naming will still work for a period.

How you use effects has been altered - so instead of being "seperate" functions - they're now member functions of their respective objects. Common effects (for example the new fadeSlide effect) are "decorated" on to objects in the constructor so there is just one way of triggering both common and specific functions. For example:

    var bar = new RGraph.Bar('cvs', [4,8,6,9,5,3,2,1,5])
        .set('gutter.left', 35)
        .set('gutter.right', 35)
        .set('', 35)
        .set('gutter.bottom', 35)

Other changes include:

You can download RGraph here