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 can be the data set in a bar dynamically?
myBar.original_data[0] = newData; //is not working

The original_data variable is a Line chart variable - for the Bar chart you need to set the data slightly differently; and then, crucially, call the RGraph.redraw() function. For example:

function setData (obj, data)
{
    obj.data = data;
    RGraph.redraw();
}

Which you would call like this:

setData(myBar, newData);

And the format of the newData array should be like this:

// Regular Bar chart
newData = [4,8,6,3,5,4,8];

// Grouped or stacked data
newData = [[3,5,6],[2,5,8],[7,6,3],[8,5,7],[4,9,9],[5,2,3],[4,8,6]];