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.
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.
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:
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: