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 »

I m tring to figure out how to load a number from a csv file (with only one number for now) and assign it to the horseshoe.value so the gauge reads that number from the csv file.
i have the gauge working with a static number but cant figure out the csv file load

There are the simple AJAX functions in RGraph. And you'd use them like this:

RGraph.AJAX.getCSV('/sample.csv', function (csv)
{
    var hs = new RGraph.Horseshoe({
        id: 'cvs',
        min: 0,
        max: 20,
        value: csv[1], // This is the second value in your CSV
        options: {
        }
    }).grow();
});

Replace sample.csv with the name and path of your CSV file (eg /path/to/my.csv). The CSV file, because of AJAX security restrictions, should be on the same website as the chart.

For multi-line CSV files you should look at using the CSV import utility:

https://www.rgraph.net/canvas/csv.html