Сюжет: Как избавиться от белого фона Choropleth? (Plotly Dashboard)

Question

Я создаю панель инструментов, используя Potly Панель инструментов. Я использую темную bootstrap тему, поэтому не хочу белый фон.

Однако моя карта теперь выглядит так:

И код, который его создал, показан ниже:

trace_map = html.Div(
    [
        dcc.Graph(
            id = "map",
            figure = go.Figure(
                data=go.Choropleth(
                locations=code, # Spatial coordinates
                z = df.groupby(['month']).sum()['Sales'].astype(int), 
                locationmode = 'USA-states',
                colorscale = 'Reds',
                colorbar_title = "USD",
            ), layout = go.Layout(title = 'The Cities Sold the Most Product',
                                  font = {"size": 9, "color":"White"},
                                  titlefont = {"size": 15, "color":"White"},
                                  geo_scope='usa',
                                  margin={"r":0,"t":40,"l":0,"b":0},
                                  paper_bgcolor='#4E5D6C',
                                  plot_bgcolor='#4E5D6C',
                                  )
            )
        )
    ]
)

Я пробовал paper_bgcolor и plot_bgcolor, но не смог заставить его работать.

В идеале Я хотел бы добиться, как это изображение выглядит (пожалуйста, игнорируйте красные точки):

Answer 1

Обычно:

fig.update_layout(geo=dict(bgcolor= 'rgba(0,0,0,0)'))

А в вашем конкретном примере c:

go.Layout(geo=dict(bgcolor= 'rgba(0,0,0,0)')

Сюжет:

Код:

import plotly.graph_objects as go

fig  = go.Figure(
                data=go.Choropleth(
                #locations=code, # Spatial coordinates
                #z = df.groupby(['month']).sum()['Sales'].astype(int), 
                locationmode = 'USA-states',
                colorscale = 'Reds',
                colorbar_title = "USD",
            ), layout = go.Layout(geo=dict(bgcolor= 'rgba(0,0,0,0)'),
                                  title = 'The Cities Sold the Most Product',
                                  font = {"size": 9, "color":"White"},
                                  titlefont = {"size": 15, "color":"White"},
                                  geo_scope='usa',
                                  margin={"r":0,"t":40,"l":0,"b":0},
                                  paper_bgcolor='#4E5D6C',
                                  plot_bgcolor='#4E5D6C',
                                  )
            )

fig.show()

И вы также можете изменить цвет озер. Но учтите, что установка lakecolor = 'rgba(0,0,0,0)' даст озерам тот же цвет, что и состояния, а не фон. Так что я бы go с lakecolor='#4E5D6C'. Конечно, вы могли бы сделать то же самое с bgcolor, но установив его на 'rgba(0,0,0,0)', вы получите избавиться от белого цвета, который вы специально просили.

Участок цвета озера:

Код цвета озера:

import plotly.graph_objects as go

fig  = go.Figure(
                data=go.Choropleth(
                #locations=code, # Spatial coordinates
                #z = df.groupby(['month']).sum()['Sales'].astype(int), 
                locationmode = 'USA-states',
                colorscale = 'Reds',
                colorbar_title = "USD",
            ), layout = go.Layout(geo=dict(bgcolor= 'rgba(0,0,0,0)', lakecolor='#4E5D6C'),
                                  title = 'The Cities Sold the Most Product',
                                  font = {"size": 9, "color":"White"},
                                  titlefont = {"size": 15, "color":"White"},
                                  geo_scope='usa',
                                  margin={"r":0,"t":40,"l":0,"b":0},
                                  paper_bgcolor='#4E5D6C',
                                  plot_bgcolor='#4E5D6C',
                                  )
            )

fig.show()

И мы могли бы также изменить цвета государственной границы или то, что более загадочно известно как subunitcolor в этом контексте. И чтобы лучше соответствовать желаемому конечному результату, мы могли бы также оживить цвет земли:

Государственная граница и цвета штата, участок:

Государственная граница и государственные цвета, код:

import plotly.graph_objects as go

fig  = go.Figure(
                data=go.Choropleth(
                #locations=code, # Spatial coordinates
                #z = df.groupby(['month']).sum()['Sales'].astype(int), 
                locationmode = 'USA-states',
                colorscale = 'Reds',
                colorbar_title = "USD",
            ), layout = go.Layout(geo=dict(bgcolor= 'rgba(0,0,0,0)', lakecolor='#4E5D6C',
                                          landcolor='rgba(51,17,0,0.2)',
                                          subunitcolor='grey'),
                                  title = 'The Cities Sold the Most Product',
                                  font = {"size": 9, "color":"White"},
                                  titlefont = {"size": 15, "color":"White"},
                                  geo_scope='usa',
                                  margin={"r":0,"t":40,"l":0,"b":0},
                                  paper_bgcolor='#4E5D6C',
                                  plot_bgcolor='#4E5D6C',
                                  )
            )

fig.show()