Updating plotly chart width and height on parent resizing

plotly.js
1

I have a plotly chart inside custom directive in angularjs. Whenever the size of custom directive changes, I want to update the dimensions of chart so that it’ll fit. I want to leave other layout options as it is. How can I achieve this?

2

Try

Plotly.relayout('graph', {
  width: /* new width */,
  height: /* new height */
})
3

Thanks for that. Is there anyway to simply refresh/redraw the plot without changing data/layout parameters?

4

Why is that a problem?

5

I simply want to refresh the plot as I have implemented the resize logic.

6

You can try Plotly.Plots.resize, but it essentially does the same as relayout i.e. it changes the graph’s layout.width and layout.height.