Pass CSS string or values to set the iframe height

[dionjwa]

Plotly.js will set the plot height to a default of 450px if the height cannot be determined:

plotly/angular-plotly.js#48

Due to iframe security (a good thing!) the parent css cannot be passed into the iframe, even on the same domain. This means that the metapage cannot set an exact height, so the plotly iframe (if smaller than 450px) will have scroll bars, which is annoying, rather than just scaling down the plot to fit the desired iframe size.

On metaframe init, pass down :

• the element height
• or a css string from the layout object
• or something else?
• or just set the height specifically (without any other css)

I'm favouring confining this feature to css height only, since a user can implement passing arbitrary css strings/values themselves. It might be a generally useful feature, but there's no demand for the complex version as yet.