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 »


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 »


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 »

Slowdown issue with DrawAni when drawing multiple Line charts

Posted by jo at 04:57 on Friday 26th January 2024 [link]
When drawing multiple line charts, a speed degradation issue occurs during drawAni. In RGraph.common.core.js, within the RGraph.Background.draw function:

// Reset the line dash
if (typeof args.object.context.setLineDash == 'function') {

This part takes a long time. Setting it to the default value like this:


restores the speed to normal.

Please confirm.

Thank you."

Posted by Richard at 11:08 on Friday 26th January 2024 [link]
Thanks very much for identifying the issue. I've added the fix into the code and it will be a part of version 6.17. The updated library is available on GitHub if you want it:


I've set up two demo pages that show the difference with the Line chart trace effect:


The difference is quite pronounced!

And with the background grid code being shared between a few libraries (eg bar/line/gantt/hbar/scatter) this is unlikely to just affect the Line chart animations - but those other charts too.


[Replies are now closed]