Как настроить анимацию слайд-бара в да sh -плотно для карты? - PullRequest
Новая
       33

Как настроить анимацию слайд-бара в да sh -плотно для карты?

0 голосов
/ 06 апреля 2020

Я создал анимированную карту в Da sh -Plotly (Python), чтобы проиллюстрировать случаи COVID-19 с течением времени. В раскрывающемся меню можно выбрать «Подтверждено», «Смерти» и «Восстановлено».

К сожалению, независимо от того, что я делаю, чтобы настроить ползунок анимации под картой, я тоже не получаю изменение поля или ошибка.

Я бы хотел уменьшить большое поле между картой и ползунком.

В макете приложения я обращаюсь к графику с помощью: dcc.Graph(id='covid-map') и раскрывающегося списка. меню: 

dcc.Dropdown(id='covid-case-type', options=[{'label': m, 'value': m} for m in ['Confirmed', 'Deaths', 'Recovered']],value='Confirmed')

Текущий обратный вызов для создания карты выглядит следующим образом: 

@app.callback(Output('covid-map', 'figure'),
              [Input('covid-case-type', 'value')])
def update_covid_map(selected_case):
    cum_df['dateStr'] = cum_df['Date'].dt.strftime('%b %d, %Y')
    covid_world_map = go.Figure(data=px.scatter_geo(cum_df,
                                                    lon='Long',
                                                    lat='Lat',
                                                    hover_name='Country/Region',
                                                    size=selected_case,
                                                    color=selected_case,
                                                    color_continuous_scale=['Gold', 'DarkOrange', 'Crimson'],
                                                    animation_frame='dateStr',
                                                    height=450,
                                                    width=600,
                                                    title='Global COVID-19 progression'
                                                    ))

    covid_world_map.update_geos(showland=True, landcolor='LightBlue',
                                showocean=True, oceancolor='#F7FBFE',
                                showcoastlines=False)
    covid_world_map.update_layout(margin={'r': 0, 't': 40, 'l': 0, 'b': 0},
                                  font=tickFont,
                                  sliders={'margin-top': 0})
    return covid_world_map

Результат выглядит следующим образом: map with large margin

Любая помощь в настройке / оформлении слайдера анимации будет отличной!

...