Avoiding overlapping plotly subplots in Shiny - shiny

Question

I've been struggling to find the best way to avoid overlapping subplots. I tried autosize, where height is dependent on the number of rows but then the plotly graph overlaps with the proceeding widget (in this case a datatable) below it. The number of subplots changes based on user input.
Here's an image of what I get:
plotly:: subplot(subplots, nrows = rows,titleY = TRUE) %>%
layout(margin = list(b=200)) #,autosize=F, height=(300*rows))
Does anyone know how to render a plotly subplot that avoids these overlap issues?

Answer 1

The best answer I've found is to create a reactive where the plotly figure is constructed. The dynamically changing height should be based on user inputs. In my case, it was the number of processes and impact categories the user selectes to display in the figure so I came up with a relationship like height = 100*n_pro*n_imp. This height should be passed into plot_ly() (as well as the renderUI). The reactive is then called by a renderPlotly which is in turn called by a renderUI. In my case, I kept the width at 100% but that could also be updated. It would look as follows:
fig_creation = reactive({
height = (something based on user input$)
plot_ly(..., height = height)
)}
output$plotlyFig = renderPlotly({ fig_creation() })
output$figPlotly = renderUI({
height = (something based on user input$) + 100 #the 100 is a buffer
plotlyOutput("plotlyFig",width = "100%", height = paste0(height)
})
On the UI side you simply use uiOutput("figPlotly"), where you want the figure to be placed.