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 »

Hello,

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

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).

Cheers.

OK I've updated the Semi-circular progress source file and you can get it here from GitHub:

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

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
    }
}).grow();

Many thanks!