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 »

How do I move the caption in the canvas Pie chart?

Posted by ZP at 16:55 on Friday 19th February 2021 [link]
Is there an option to move caption in the pie canvas ?
Great job !

Posted by Richard at 11:11 on Saturday 20th February 2021 [link]
Are you referring to the labelsCenter option?

If so you can move it like this (add this code after you create the chart):

node = document.getElementsByClassName('rgraph_accessible_text_labels_center')[0];
node.style.left = parseInt(node.style.left) + 50 + 'px';
node.style.top = parseInt(node.style.left) + 50 + 'px';

Which is a bit long-winded - so as of the next version there will be two new options that make it a lot easier:

labelsCenter: 'Results!',
labelsCenterOffsetx: 50,
labelsCenterOffsety: 50,

[Replies are now closed]