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 (£129) commercial license available.

More »

Problem with the minimum value of a Semi-circular progress bar

Posted by milan at 22:25 on Wednesday 11th October 2023 [link]

If I assign a minimum value other than 0 to a semicircular progress bar, entire bar disappears.
Any help regarding this?

Posted by Richard at 10:06 on Thursday 12th October 2023 [link]
Hmm, I thought the SCP handled negative values - evidently not! I'll fix it for you and get back to you (later on today hopefully).


Posted by Richard at 15:13 on Thursday 12th October 2023 [link]
OK I've updated the Semi-circular progress source file and you can get it here from GitHub:


And here's some example source code:

new RGraph.SemiCircularProgress({
    id: 'cvs',
    min: -100,
    max: 100,
    value: -50,
    options: {
        radius: '-50',
        width: 50,
        labelsCenterSize: 120,
        labelsCenterUnitsPost: 'k',
        labelsCenterOffsety: 20,
        colorsStroke: 'transparent',
        backgroundGrid: true,
        scale: true,
        scaleLabelsCount: 20

Posted by milan at 20:03 on Thursday 12th October 2023 [link]
Many thanks!

[Replies are now closed]