plotly_events change plot theme and layout

[aloncohen1]

Once warping a plotly graph with plotly_events it's overwriting the plot's layout (both colors and proportions)

gif creation:

    import pandas as pd
    import streamlit as st
    from streamlit_plotly_events import plotly_events

    df = pd.read_csv('<path_to_file.csv>')
    fig = px.line(df, x='Date, y=f'# of Messages')
    fig['data'][0]['line']['color'] = "#24d366"
    fig.update_layout(title_text='Overall Chat Activity Over Time')
    fig.update_layout(paper_bgcolor="rgba(18,32,43)", plot_bgcolor="rgba(18,32,43)")
    fig.update_layout(hovermode="x")
    fig.update_traces(mode='markers+lines')

When running:
st.plotly_chart(fig, use_container_width=True)
I'm Getting:

But when running
selected_points = plotly_events(fig)
I'm Getting:

[hoorelbeke-jimmy]

I'm also encountering the same issue

[bill-pond]

Same issue here. Any workaround? Thx!

[AdrianoLusso]

@bill-pond @hoorelbeke-jimmy

Try changing the figure layout:

fig.update_layout(
paper_bgcolor='rgba(0, 0, 0, 0)',
font_color='white'
)

this 2 props helped me