title: Plotly.js : Overlaying two different graphs with same x-axis and different y-axis scales
body: <p>I have a scenario in my application while using Plotly.js where I need to overlay two different line graphs in the same plane, with the same x-axis and different y-axis scales, stacked on top of each other as shown in the image below. I imagine it to look something like this :
  <a href="https://i.stack.imgur.com/pJTJr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pJTJr.png" alt="enter image description here" /></a></p>
  <p>How can I do this?</p>