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,

I need to make a line chart with two lines of data. On the left, I want to use data1 and on the right data2. The reason I want to do this is because data1 use numbers ranging from 0 to 500 and data2 uses 0 to 100,000. As a result, if I put the 2 data's together the 0 to 500 gets pushed to the bottom of the graph. If I can separate them the numbers will be more visible. Can help me with this? Thanks!

I can think of two ways to do this:

1. Use a logarithmic scale which goes something like this: 0,10,100,1000,10000,100000 so smaller values are more prominent than they normally would be. There's a demo of a logarithmic scale in the demos in the down called line-logarithmic-scale.html and also there's one here too: https://www.rgraph.net/demos/bar-logarithmic-scale.html This is not my preferred solution though...

2. ...Because this is: Using two Line charts, one layered on top of the other which also have the scales on different sides of the chart. There's a demo of this here:

https://codepen.io/rgraph/pen/wvpMPXM

And there's a bar/line combo that has different scales here:

https://www.rgraph.net/demos/line-black-and-purple.html

Richard