i am trying to create a plot which supports the functionality to add dynamically y axis after the plot is rendered. I managed to add multiple y axis dynamically using the Plotly.js API but i didn’t find a way to avoid the overlapping of the y axes. I configured this property layout-yaxis-position but the added y axis is rendered inside the plot. I created an example codepen example to demonstrate this issue.
Thank you for your time and i appreciate your response.