Streamlit overrides colours of plotly chart

[willhuang]

@skyhound

import streamlit as st
import pandas as pd
import numpy as np
import plotly.express as px


x_axis = list(range(4))*2
x_axis.sort()
data = np.array([["a", "b"]*4, x_axis, [2, 4, 3, 5, 7, 5, 8, 6]]).transpose()
df = pd.DataFrame(columns=["cat_value", "x", "y"], data=data)
fig = px.bar(df, x="x", y="y", color="cat_value", barmode="group")
for go_data in fig.data:
    print(go_data["name"])
    print(go_data["marker"]["color"])
st.plotly_chart(fig)

Hi @skyhound , sorry for just noticing this. We are indeed currently changing the underlying theme colors and then swapping them out. This is so that we can change based on light or dark themes in order to make the user experience much better!

However, if you wish to change the colors to the plotly colors instead of the black,

you can put this in your script:

import plotly.io as pio
pio.templates.default = "plotly"

If you need to run to_html(), I think you can run the above and then do as such and well just replace whatever you need with to_html():

import plotly.io as pio
import streamlit as st
import plotly.express as px

pio.templates.default = "plotly"

df = px.data.tips()
fig = px.scatter(
    df,
    x="total_bill",
    y="tip",
    color="day",
    color_discrete_sequence=[
        "#0068c9",
        "#83c9ff",
        "#ff2b2b",
        "#ffabab",
        "#29b09d",
        "#7defa1",
        "#ff8700",
        "#ffd16a",
        "#6d3fc0",
        "#d5dae5",
    ],
    title="streamlit colors",
)
st.plotly_chart(fig)