下拉列表更改时，虚线散点图不更新

Question

我正试图用Plotly编写散点图，并使其具有交互式trhough Dash回调，问题是当我更改下拉列表时，我的图形没有更新。数据结构如下所示：

报告修订周期202002年第29/02/2020号第16793 3 202001年第31/01/2020号第18933 1 202101年第31/01/2021 6246 132 202001年第17/01/2020 13 1号第

#Importar librerías
import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
import plotly.graph_objs as go
import pandas as pd

#Carga de datos
df_temp = pd.read_excel(r'D:\Python\Datos_maestros\periodo.xlsx')

app = dash.Dash()
fechas = []
for fecha in df_temp['periodo'].unique():
    fechas.append({'label': str(fecha), 'value': fecha})

#Definición del layout de la app a partir de componentes HTML y Core
app.layout = html.Div([
    dcc.Graph(id='graph_line'),
    dcc.Dropdown(id='selector_fecha', options = fechas, value = '') #Seleccionamos todo el rango de fechas de nuestro dataframe
])

# CREACIÓN DE GRÁFICOS E INTERACTIVIDAD
#Callback para actualizar gráfico en función del rango de fechas seleccionadas
@app.callback(Output('graph_linea', 'figure'),
              [Input('selector_fecha', 'value')])
def actualizar_graph(fecha):
    filtered_df = df_temp[df_temp['periodo'] == fecha]
    #Creación de 1 traza por cada ciudad de nuestro dataframe
    traces = []
    for nombre_area in filtered_df['Direccion'].unique():
        df_area = filtered_df[filtered_df['Direccion'] == nombre_area]
        traces.append(go.Scatter(
            x=df_area['revisados'],
            y=df_area['errores'],
            text=df_area['Direccion'],
            mode='markers',
            opacity=0.7,
            marker={'size': 15},
            name=nombre_area
        ))
    
        return { #Se retornan los objetos data y layout para ser enviados al Output con identificador graph_linea
            'data': traces,
            'layout': go.Layout(
                xaxis={'title': 'Fecha'},
                yaxis={'title': 'Errores'},
                hovermode='closest'
            )
        }


if __name__ == '__main__':
    app.run_server(port=5000)

Answer 1

我知道这并不总是可行的，但对于未来的问题，请尝试将您的问题重构为一个可复制的示例。意思是我们每个人都可以复制的一段代码。这使得我们可以更容易地帮助您，因为我们无法运行您的代码，因为缺少了。xslx文件。

尽管如此，我认为存在两个主要问题。正如@coralvanda已经提到的，您的return语句位于for循环内，这很奇怪。我假设你应该把它拉出来，除非你打算在第一次迭代后停止循环。其次，更新plotly graph涉及地物对象。看看围棋。图（）。首先添加地物对象，然后添加所需的轨迹。固定代码可能如下所示：

#Importar librerías
import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
import plotly.graph_objs as go
import pandas as pd

#Carga de datos
df_temp = pd.read_excel(r'D:\Python\Datos_maestros\periodo.xlsx')

app = dash.Dash()
fechas = []
for fecha in df_temp['periodo'].unique():
    fechas.append({'label': str(fecha), 'value': fecha})

#Definición del layout de la app a partir de componentes HTML y Core
app.layout = html.Div([
    dcc.Graph(id='graph_line'),
    dcc.Dropdown(id='selector_fecha', options = fechas, value = '') #Seleccionamos todo el rango de fechas de nuestro dataframe
])

# CREACIÓN DE GRÁFICOS E INTERACTIVIDAD
#Callback para actualizar gráfico en función del rango de fechas seleccionadas
@app.callback(Output('graph_linea', 'figure'),
              [Input('selector_fecha', 'value')])
def actualizar_graph(fecha):
    fig = go.Figure()
    
    filtered_df = df_temp[df_temp['periodo'] == fecha]
    #Creación de 1 traza por cada ciudad de nuestro dataframe
    traces = []
    for nombre_area in filtered_df['Direccion'].unique():
        df_area = filtered_df[filtered_df['Direccion'] == nombre_area]
        fig.add_trace(
            go.Scatter(
                x=df_area['revisados'],
                y=df_area['errores'],
                text=df_area['Direccion'],
                mode='markers',
                opacity=0.7,
                marker={'size': 15},
                name=nombre_area
            )
        )
    
    fig['layout'] = go.Layout(
        xaxis={'title': 'Fecha'},
        yaxis={'title': 'Errores'},
        hovermode='closest'
    )
    
    return fig


if __name__ == '__main__':
    app.run_server(port=5000)