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 »

How do I show two different scales on my Line chart?

Posted by Todd Shafer at 17:05 on Thursday 17th March 2022 [link]

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!

Posted by Richard at 20:48 on Thursday 17th March 2022 [link]
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:


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



[Replies are now closed]