Huge issues embeeding plotly with <iframe>

I really like plotly and managed to get it to work nicely on a html page. But when embedding with iframe the legends gets cut off and everything after the plot disappears.
I am totally new to webdesign but it works when using chart.js but plotly is much better and I prefer it.

is it a known issue? I get the same problem when i switch to horizontal legend:

I have tested many different settings for iframe and nothing solves it. I can live with a bad legend, but losing everything after the plot doesnโ€™t work. Thanks in advance.