About
RGraph is a JavaScript charts library based on HTML5 SVG and canvas. RGraph is mature (over 15 years old) and has a wealth of features making it an ideal choice to show charts on your website.

More »

 

Download
Get the latest version of RGraph (version 6.17) from the download page. There's also older versions available, minified files and links to cdnjs.com hosted libraries.

More »

 

License
RGraph can be used for free under the GPL or if that doesn't suit your situation there's an inexpensive (£99) commercial license available.

More »

Case-insensitivity coming to the RGraph configuration properties

Written by Richard Heyes, RGraph author, on 31st December 2023

For a long time now the RGraph configuration properties have been case-sensitive - meaning that you had to use exactly the same letter-case as what was listed in the documentation. As of the next version though - version 6.16 - you'll be able to use the property names in any letter-case that you choose. Here's an example of a Bar chart that uses the traditional style of configuration:

<script>
    new RGraph.Bar({
        id: 'cvs',
        data: [4,8,6,3,5,4,2],
        options: {
            colors: ['red','blue','green','mauve','yellow','pink','brown'],
            colorsSequential: true,
            backgroundGridVlines: false,
            backgroundGridBorder: false,
            xaxis: false,
            yaxis: false
        }
    }).draw();
</script>

And here's the same chart configuration using various different letter-cases (all of them are valid because letter-case is now disregarded entirely):

<script>
    new RGraph.Bar({
        id: 'cvs',
        data: [4,8,6,3,5,4,2],
        options: {
            colors: ['red','blue','green','mauve','yellow','pink','brown'],
            colorsSequential: true,
            BAckgrounDGridvLInes: false,
            BACKGROUNDGRIDBORDER: false,
            XaxiS: false,
            yaxis: false
        }
    }).draw();
</script>

This change will be a part of the next release.