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 »

 

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 »

 

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 »

Canvas charts documentation

Installing and implementing RGraph

Read the installation documentation
The installation pages detail how you go about implementing RGraph on your website. They have lots of useful information such as browser support for RGraph, getting started with RGraph and getting the best performance from RGraph.

Available chart types and option references

Read the API documentation
RGraph supports twenty-one different types of charts and many can be made to look significantly different through the use of the properties. An example of this is the fan chart in the download archive that can be created with multiple Line objects and which can represent growing uncertainty in a predicted set of values.

Features documentation

Read about the features of RGraph
The majority of the features of RGraph are documented here. There are lots of features that are available to you such as tooltips, events, adjusting and annotation.

Index of HOWTO guides

Read the HOWTO guides
HOWTO guides offer straightforward guides for accomplishing specific tasks. There are about 50+ guides that are available in total. Each guide attempts to take you through the steps that are necessary to accomplish the task. They also provide the source code that's used as well.

The drawing API

Read about the drawing API
The drawing api offers you a way to add shapes and images to your canvas tags that support events and tooltips. There are basic shapes available to you (rectangles and circles, for example) and also chart elements like axes and background objects. This example has a few extra Y axes added.

Browse the RGraph GitHub repository

Browse the RGraph GitHub repository
Do you want to browse the RGraph source code or watch the development? RGraph is now available via a GitHub repository and you should feel free to star the project so that you can easily keep an eye on it!

Miscellaneous documentation

Read the miscellaneous documentation
Various documentation that doesn't fit elsewhere. This is worth reading as it lists several small things that you may or may not come across and which have answers that aren't immediately obvious.

An HTML5 canvas reference

Read the HTML5 canvas reference
Read an api reference for the html5 canvas tag. This will help you to get the most out of RGraph and your usage of the canvas tag. Even if you don't use RGraph then you can still use the canvas api reference to learn about the canvas api.