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 »


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 »


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 »

Version 4.68 of RGraph is now available

Written by Richard Heyes, RGraph author, on 26th October 2018

Well I've finally got through my TODO list so I've released a new version of RGraph - version 4.68. Woo! You can see all of the changes that went into this release by looking through the changelog ( https://www.rgraph.net/changelog.html ).

Some of the changes in this release include:

  • Curved sticks for the Pie chart (which, I might add, are very sexy!)
  • The gradient syntax has been extended with a json syntax alternative which allows you a little bit of extra control over the gradient
  • Some defaults have been changed for the Rose chart and RScatter chart
  • The svg Rose chart has two new effects (grow and roundRobin )
  • The Gantt chart method of configuration has been changed to an object (ie with textual indexes). This should make it easier to read and write - though if you choose to upgrade you'll need to update to the new syntax.
  • The canvas Line chart has a new animationTraceCenter effect. There's an example in the download archive of the new effect that demonstrates it.
  • The CSV reader and the Google Sheets connector have been made to work standalone - ie without the RGraph.common.core.js file. This means that can use them in your own code if you wish to (and not have to include the RGraph.common.core.js file in your page.

Looking towards the next version I'll be looking to devise a way to bring some order to the canvas property names. So they look more like the way the svg properties do.

Eg backgroundGridAutofitNumhlines would become backgroundGridHlinesCount. Some of the property names really need this.