Integration with plotly

katoid / angular-grid-layout

Responsive grid with draggable and resizable items for Angular applications.

https://katoid.github.io/angular-grid-layout

MIT License

462 stars 61 forks source link

Closed emiller7 closed 1 year ago

emiller7 commented 1 year ago

When integrating with plotly - plotly graph will not resize. Is there any support for plotly graphs?

emiller7 commented 1 year ago

I was able to get plotly working using the following:

Using the real-world-example https://github.com/katoid/angular-grid-layout/tree/main/projects/demo-app/src/app/real-life-example
I was able to get plotly using the Plotly.relayout(id, {width: 100, height: 200})
I added Plotly.relayout to the onGridItemResize and calculateLayoutSizes methods
var update = {width: gridItemResizeEvent.width, height: gridItemResizeEvent.height};
Plotly.relayout(this.plotlyjsGraph.nativeElement, update)

llorenspujol commented 1 year ago

Nice you solved it👌. I close the issue