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 »

 

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 »

 

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 »

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') {
args.object.context.setLineDash([1,0]);
}

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

args.object.context.setLineDash([]);

restores the speed to normal.

Please confirm.

Thank you."

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:

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

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.

Cheers.