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 »

The fillText function

The fillText function can be used to add text (not just the outline of text) to your canvas. You give three arguments to the function - the text, the X and Y coordinates. But remember that by default the text is left and bottom aligned - so if you give coordinates of [0,0] without changing the alignment you might not see the text because it will be drawn off-canvas.

Arguments to the function

An example

    window.onload = function ()
        var canvas  = document.getElementById("cvs");
        var context = canvas.getContext('2d');

        context.font = '36pt Arial';
        context.fillText('Some example text', 50,  50);

See also