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.16) from the download page. There's also older versions available, minified files and links to cdnjs.com hosted libraries.

More »

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:

https://www.rgraph.net/tests/canvas.pie/_blank.html

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 now closed]