I am attempting to write a manhattan plot from dashbio to my app. I’ve done some testing with sample data provided from dash as shown below:
gwas = pd.read_csv('https://raw.githubusercontent.com/plotly/dash-bio-docs-files/master/manhattan_data.csv')
fig = dashbio.ManhattanPlot(
dataframe = gwas
)
fig.update_layout(showlegend=True,
width=1200,
height=500)
st.plotly_chart(fig, use_container_width=True)
the chart renders just fine but when I adjust the page size, and sometimes when I interact with the chart, it begins shrinking like so:
beginning state:
after interacting:
this seems to be due to resizing in the html here:
I have tried saving the plot to html and integrating that directly with components.html but this problem persists.
I realize this is a discrepancy between dash and streamlit but does anyone have any suggestions?