About

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

Version 7.20

Version 7.20 (released in June 2026) is the latest version of RGraph and the major change in this version is an update to the default values of properties making for better looking charts without having to set any properties. Read more about this and other changes in the changelog.

Download »

Download

Get the latest version of RGraph (version 7.20, 9th June 2026) from the download page. You can read the changelog here. There's also older versions available, minified files and links to cdnjs.com hosted libraries.

Download »

Latest forum posts

These are the latest support forum posts that have been posted or updated.

16th June, Rachel
I have a question about the 3D Bar chart

12th June, Marco
Should I use SVG or canvas for the charts on my website?

9th June, Richard
New version of RGraph: version 7.20

3rd June, Patrick
Question about installing RGraph

1st June, Ouja
How do I add a click event to a bar in my Bar chart?

Support forum »

License

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

I have a problem with the responsive function / option and my drill-in chart

Posted by Joachim at 12:42 on Tuesday 29th August 2023 [link]

Using version 6.13 I'm seeing problems with the responsive function or with the new responsive option. Problem happens only, if using a drill-in function with tooltips or charts. You may check this on my site:

1. open url
https://www.jschmidt-systemberatung.de/index.php?option=com_content&view=article&id=276&Itemid=198&lang=de
or
https://www.jschmidt-systemberatung.de/index.php?option=com_content&view=article&id=275&Itemid=198&lang=en

2. click pie segment-> tooltip chart or drill-in chart shows up
3. close tooltip chart or drill-in chart (use context menu)
4. maximize or minimize display (resize) -> pie chart is resized
5. resize window to original window size -> chart is corrupted - and you will get a javascript error:

Uncaught TypeError: this.data[i] is undefined
Ember 8
RGraph.pie.js:100:862

Posted by Richard at 13:11 on Tuesday 29th August 2023 [link]

Hi Joachim,

I'm not seeing an issue in the console when I follow your instructions and wrt the error:

Line 100:

labelsIngraphItalic: null,

Line 862:

//

Do you think that it may be a caching issue? In Chrome or Firefox hold SHIFT and click refresh to bypass the cache. Or you could try a different browser entirely if you have one available that you don't normally use.

Posted by Joachim at 13:26 on Tuesday 29th August 2023 [link]

hi,

checked on chrome (Version 116.0.5845.111) and windows edge. With both browsers all is working OK - Problem happens only with firefox (Version 116.3) on windows. Firefox on my ipad works fine as well and so does safari. Will try to report problem to mozilla.

Posted by Joachim at 14:10 on Tuesday 29th August 2023 [link]

hi,

tried with Version 6.12. With this version firefox does not produce problem - seems to be quite strange...
Is the causer the responsive function or pie chart?

Posted by Joachim at 14:27 on Tuesday 29th August 2023 [link]

hi,

when I use RGraph.pie.js from version 6.12 all is working OK. it seems that RGraph.pie.js from 6.13 causes problems with firefox - is it the new "labelinside" options?

Posted by Joachim at 15:06 on Tuesday 29th August 2023 [link]

hi,

I found firefox shows the problem with option "labelsIngraph"
set, If I omit this, problem disapears.

Posted by Dee at 19:08 on Tuesday 29th August 2023 [link]

Hi Joachim,

Can you try this page:

[REMOVED]

In all of my browsers except for Firefox you can click a segment, then change the size of the window and it remains 3D. But in Firefox 117 it loses 3D and reverts to 2D.

Posted by Richard at 19:13 on Tuesday 29th August 2023 [link]

Nevermind - the labelsIngraph setting seems to be the culprit.

Posted by Joachim at 20:04 on Tuesday 29th August 2023 [link]

hi,

after some debug I fixed it - can you check the issue?

changed line 2072 of RGRaph.pie.js:

number: this.data[i].toFixed(properties.labelsIngraphDecimals),
into
number: this.data[i],

maybe that "properties.labelsIngraphDecimals" is the issue...

Posted by Dee at 21:26 on Tuesday 29th August 2023 [link]

Ok seems to fixed now. You can get the updated version from GitHub:

https://raw.githubusercontent.com/heyesr/rgraph/main/libraries/RGraph.pie.js

Try it out and let me know how it goes for you. Thanks very much for the help on this!

Posted by Joachim at 09:13 on Wednesday 30th August 2023 [link]

Hi,

Thanks a lot! The GitHub Version works fine.

[Replies are closed]